@dxos/plugin-masonry 0.8.4-main.c351d160a8 → 0.8.4-main.d9fc60f731

package/src/types/Masonry.ts

@@ -4,12 +4,15 @@
 
 import * as Schema from 'effect/Schema';
 
-import { Annotation, Obj, Ref, Type } from '@dxos/echo';
-import { View } from '@dxos/echo';
+// QueryAST is referenced indirectly through `Type.InstanceType<typeof MasonrySchema>`
+// (Ref.Ref(View.View) → View.View → QueryAST.Query) in the emitted .d.ts; the
+// namespace import keeps the inferred types portable.
+// eslint-disable-next-line unused-imports/no-unused-imports
+import { DXN, Annotation, Obj, QueryAST, Ref, Type, View } from '@dxos/echo';
 import { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';
 import { ViewAnnotation } from '@dxos/schema';
 
-export const Masonry = Schema.Struct({
+const MasonrySchema = Schema.Struct({
   name: Schema.String.pipe(Schema.optional),
 
   view: Ref.Ref(View.View).pipe(FormInputAnnotation.set(false)),
@@ -22,19 +25,15 @@ export const Masonry = Schema.Struct({
   ).pipe(FormInputAnnotation.set(false), Schema.optional),
   // TODO(wittjosiah): Consider Masonry supporting not being just a view but referencing arbitrary data directly.
 }).pipe(
-  Type.object({
-    typename: 'org.dxos.type.masonry',
-    version: '0.1.0',
-  }),
   LabelAnnotation.set(['name']),
-  ViewAnnotation.set(true),
-  Annotation.IconAnnotation.set({
-    icon: 'ph--wall--regular',
-    hue: 'green',
-  }),
+  ViewAnnotation.set(['view']),
+  Annotation.IconAnnotation.set({ icon: 'ph--wall--regular', hue: 'green' }),
+  Type.makeObject(DXN.make('org.dxos.type.masonry', '0.1.0')),
 );
 
-export interface Masonry extends Schema.Schema.Type<typeof Masonry> {}
+// TODO(wittjosiah): Try to clean up this type inference.
+export interface Masonry extends Type.InstanceType<typeof MasonrySchema> {}
+export const Masonry: Type.Obj<Masonry> = MasonrySchema as any;
 
 type MakeProps = Omit<Partial<Obj.MakeProps<typeof Masonry>>, 'view'> & {
   view: View.View;

package/src/types/MasonryAction.ts

@@ -4,7 +4,7 @@
 
 import * as Schema from 'effect/Schema';
 
-import { TypeInputOptionsAnnotation } from '@dxos/plugin-space/types';
+import { TypeInputOptionsAnnotation } from '@dxos/plugin-space';
 
 export const MasonryProps = Schema.Struct({
   name: Schema.optional(Schema.String),

package/src/vite-env.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="vite/client" />
+
+//
+// Copyright 2026 DXOS.org
+//
+
+declare module '*.mdl?raw' {
+  const content: string;
+  export default content;
+}

package/dist/lib/browser/MasonryContainer-Q7VPG6YS.mjs

@@ -1,84 +0,0 @@
-import "./chunk-J5LGTIGS.mjs";
-
-// src/containers/MasonryContainer/MasonryContainer.tsx
-import * as Function from "effect/Function";
-import * as Option from "effect/Option";
-import React, { useEffect, useState } from "react";
-import { Surface, useCapabilities } from "@dxos/app-framework/ui";
-import { AppCapabilities } from "@dxos/app-toolkit";
-import { useObjectMenuItems } from "@dxos/app-toolkit/ui";
-import { Annotation, Filter, Obj, Type } from "@dxos/echo";
-import { useGlobalFilteredObjects } from "@dxos/plugin-search";
-import { useObject, useQuery } from "@dxos/react-client/echo";
-import { Card, Toolbar } from "@dxos/react-ui";
-import { Masonry as MasonryComponent } from "@dxos/react-ui-masonry";
-import { Menu } from "@dxos/react-ui-menu";
-import { getTypenameFromQuery } from "@dxos/schema";
-var MasonryContainer = ({ view: viewOrRef, role: _role }) => {
-  const [view] = useObject(viewOrRef);
-  const schemas = useCapabilities(AppCapabilities.Schema);
-  const db = view && Obj.getDatabase(view);
-  const typename = view?.query ? getTypenameFromQuery(view.query.ast) : void 0;
-  const [cardSchema, setCardSchema] = useState();
-  useEffect(() => {
-    const staticSchema = schemas.flat().find((schema) => Type.getTypename(schema) === typename);
-    if (staticSchema) {
-      setCardSchema(() => staticSchema);
-    }
-    if (!staticSchema && typename && db) {
-      const query = db.schemaRegistry.query({
-        typename
-      });
-      const unsubscribe = query.subscribe(() => {
-        const [schema] = query.results;
-        if (schema) {
-          setCardSchema(schema);
-        }
-      }, {
-        fire: true
-      });
-      return unsubscribe;
-    }
-  }, [
-    schemas,
-    typename,
-    db
-  ]);
-  const objects = useQuery(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
-  const filteredObjects = useGlobalFilteredObjects(objects);
-  return /* @__PURE__ */ React.createElement(MasonryComponent.Root, {
-    items: filteredObjects,
-    render: Item,
-    classNames: "w-full max-w-full h-full max-h-full overflow-y-auto p-4"
-  });
-};
-var Item = ({ data }) => {
-  const objectMenuItems = useObjectMenuItems(data);
-  const icon = Function.pipe(Obj.getSchema(data), Option.fromNullable, Option.flatMap(Annotation.IconAnnotation.get), Option.map(({ icon: icon2 }) => icon2), Option.getOrElse(() => "ph--placeholder--regular"));
-  return /* @__PURE__ */ React.createElement(Menu.Root, null, /* @__PURE__ */ React.createElement(Card.Root, null, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement(Card.Icon, {
-    icon
-  }), /* @__PURE__ */ React.createElement(Card.Title, null, Obj.getLabel(data)), /* @__PURE__ */ React.createElement(Menu.Trigger, {
-    asChild: true,
-    disabled: !objectMenuItems?.length
-  }, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
-    iconOnly: true,
-    variant: "ghost",
-    icon: "ph--dots-three-vertical--regular",
-    label: "Actions"
-  })), /* @__PURE__ */ React.createElement(Menu.Content, {
-    items: objectMenuItems
-  })), /* @__PURE__ */ React.createElement(Surface.Surface, {
-    role: "card--content",
-    limit: 1,
-    data: {
-      subject: data
-    }
-  })));
-};
-
-// src/containers/MasonryContainer/index.ts
-var MasonryContainer_default = MasonryContainer;
-export {
-  MasonryContainer_default as default
-};
-//# sourceMappingURL=MasonryContainer-Q7VPG6YS.mjs.map

package/dist/lib/browser/MasonryContainer-Q7VPG6YS.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/MasonryContainer/MasonryContainer.tsx", "../../../src/containers/MasonryContainer/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Function from 'effect/Function';\nimport * as Option from 'effect/Option';\nimport type * as Schema from 'effect/Schema';\nimport React, { useEffect, useState } from 'react';\n\nimport { Surface, useCapabilities } from '@dxos/app-framework/ui';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { useObjectMenuItems } from '@dxos/app-toolkit/ui';\nimport { Annotation, Filter, Obj, type Ref, Type } from '@dxos/echo';\nimport { type View } from '@dxos/echo';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { useObject, useQuery } from '@dxos/react-client/echo';\nimport { Card, Toolbar } from '@dxos/react-ui';\nimport { Masonry as MasonryComponent } from '@dxos/react-ui-masonry';\nimport { Menu } from '@dxos/react-ui-menu';\nimport { getTypenameFromQuery } from '@dxos/schema';\n\nexport type MasonryContainerProps = {\n  view: View.View;\n  role?: string;\n};\n\nexport const MasonryContainer = ({\n  view: viewOrRef,\n  role: _role,\n}: {\n  view: View.View | Ref.Ref<View.View>;\n  role?: string;\n}) => {\n  const [view] = useObject(viewOrRef);\n  const schemas = useCapabilities(AppCapabilities.Schema);\n  const db = view && Obj.getDatabase(view);\n  const typename = view?.query ? getTypenameFromQuery(view.query.ast) : undefined;\n\n  const [cardSchema, setCardSchema] = useState<Schema.Schema.AnyNoContext>();\n\n  useEffect(() => {\n    const staticSchema = schemas.flat().find((schema) => Type.getTypename(schema) === typename);\n    if (staticSchema) {\n      setCardSchema(() => staticSchema);\n    }\n    if (!staticSchema && typename && db) {\n      const query = db.schemaRegistry.query({ typename });\n      const unsubscribe = query.subscribe(\n        () => {\n          const [schema] = query.results;\n          if (schema) {\n            setCardSchema(schema);\n          }\n        },\n        { fire: true },\n      );\n      return unsubscribe;\n    }\n  }, [schemas, typename, db]);\n\n  const objects = useQuery(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing());\n  const filteredObjects = useGlobalFilteredObjects(objects);\n\n  return (\n    <MasonryComponent.Root\n      items={filteredObjects}\n      render={Item as any}\n      classNames='w-full max-w-full h-full max-h-full overflow-y-auto p-4'\n    />\n  );\n};\n\nconst Item = ({ data }: { data: any }) => {\n  const objectMenuItems = useObjectMenuItems(data);\n  const icon = Function.pipe(\n    Obj.getSchema(data),\n    Option.fromNullable,\n    Option.flatMap(Annotation.IconAnnotation.get),\n    Option.map(({ icon }) => icon),\n    Option.getOrElse(() => 'ph--placeholder--regular'),\n  );\n\n  return (\n    <Menu.Root>\n      <Card.Root>\n        <Card.Toolbar>\n          <Card.Icon icon={icon} />\n          <Card.Title>{Obj.getLabel(data)}</Card.Title>\n          {/* TODO(wittjosiah): Reconcile with Card.Menu. */}\n          <Menu.Trigger asChild disabled={!objectMenuItems?.length}>\n            <Toolbar.IconButton iconOnly variant='ghost' icon='ph--dots-three-vertical--regular' label='Actions' />\n          </Menu.Trigger>\n          <Menu.Content items={objectMenuItems} />\n        </Card.Toolbar>\n        <Surface.Surface role='card--content' limit={1} data={{ subject: data }} />\n      </Card.Root>\n    </Menu.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { MasonryContainer } from './MasonryContainer';\n\nexport default MasonryContainer;\n"],
-  "mappings": ";;;AAIA,YAAYA,cAAc;AAC1B,YAAYC,YAAY;AAExB,OAAOC,SAASC,WAAWC,gBAAgB;AAE3C,SAASC,SAASC,uBAAuB;AACzC,SAASC,uBAAuB;AAChC,SAASC,0BAA0B;AACnC,SAASC,YAAYC,QAAQC,KAAeC,YAAY;AAExD,SAASC,gCAAgC;AACzC,SAASC,WAAWC,gBAAgB;AACpC,SAASC,MAAMC,eAAe;AAC9B,SAASC,WAAWC,wBAAwB;AAC5C,SAASC,YAAY;AACrB,SAASC,4BAA4B;AAO9B,IAAMC,mBAAmB,CAAC,EAC/BC,MAAMC,WACNC,MAAMC,MAAK,MAIZ;AACC,QAAM,CAACH,IAAAA,IAAQI,UAAUH,SAAAA;AACzB,QAAMI,UAAUC,gBAAgBC,gBAAgBC,MAAM;AACtD,QAAMC,KAAKT,QAAQU,IAAIC,YAAYX,IAAAA;AACnC,QAAMY,WAAWZ,MAAMa,QAAQC,qBAAqBd,KAAKa,MAAME,GAAG,IAAIC;AAEtE,QAAM,CAACC,YAAYC,aAAAA,IAAiBC,SAAAA;AAEpCC,YAAU,MAAA;AACR,UAAMC,eAAehB,QAAQiB,KAAI,EAAGC,KAAK,CAACC,WAAWC,KAAKC,YAAYF,MAAAA,MAAYZ,QAAAA;AAClF,QAAIS,cAAc;AAChBH,oBAAc,MAAMG,YAAAA;IACtB;AACA,QAAI,CAACA,gBAAgBT,YAAYH,IAAI;AACnC,YAAMI,QAAQJ,GAAGkB,eAAed,MAAM;QAAED;MAAS,CAAA;AACjD,YAAMgB,cAAcf,MAAMgB,UACxB,MAAA;AACE,cAAM,CAACL,MAAAA,IAAUX,MAAMiB;AACvB,YAAIN,QAAQ;AACVN,wBAAcM,MAAAA;QAChB;MACF,GACA;QAAEO,MAAM;MAAK,CAAA;AAEf,aAAOH;IACT;EACF,GAAG;IAACvB;IAASO;IAAUH;GAAG;AAE1B,QAAMuB,UAAUC,SAASxB,IAAIQ,aAAaiB,OAAOC,KAAKlB,UAAAA,IAAciB,OAAOE,QAAO,CAAA;AAClF,QAAMC,kBAAkBC,yBAAyBN,OAAAA;AAEjD,SACE,sBAAA,cAACO,iBAAiBC,MAAI;IACpBC,OAAOJ;IACPK,QAAQC;IACRC,YAAW;;AAGjB;AAEA,IAAMD,OAAO,CAAC,EAAEE,KAAI,MAAiB;AACnC,QAAMC,kBAAkBC,mBAAmBF,IAAAA;AAC3C,QAAMG,OAAgBC,cACpBvC,IAAIwC,UAAUL,IAAAA,GACPM,qBACAC,eAAQC,WAAWC,eAAeC,GAAG,GACrCC,WAAI,CAAC,EAAER,MAAAA,MAAI,MAAOA,KAAAA,GAClBS,iBAAU,MAAM,0BAAA,CAAA;AAGzB,SACE,sBAAA,cAACC,KAAKlB,MAAI,MACR,sBAAA,cAACmB,KAAKnB,MAAI,MACR,sBAAA,cAACmB,KAAKC,SAAO,MACX,sBAAA,cAACD,KAAKE,MAAI;IAACb;MACX,sBAAA,cAACW,KAAKG,OAAK,MAAEpD,IAAIqD,SAASlB,IAAAA,CAAAA,GAE1B,sBAAA,cAACa,KAAKM,SAAO;IAACC,SAAAA;IAAQC,UAAU,CAACpB,iBAAiBqB;KAChD,sBAAA,cAACP,QAAQQ,YAAU;IAACC,UAAAA;IAASC,SAAQ;IAAQtB,MAAK;IAAmCuB,OAAM;OAE7F,sBAAA,cAACb,KAAKc,SAAO;IAAC/B,OAAOK;OAEvB,sBAAA,cAAC2B,QAAQA,SAAO;IAACvE,MAAK;IAAgBwE,OAAO;IAAG7B,MAAM;MAAE8B,SAAS9B;IAAK;;AAI9E;;;AC5FA,IAAA,2BAAe+B;",
-  "names": ["Function", "Option", "React", "useEffect", "useState", "Surface", "useCapabilities", "AppCapabilities", "useObjectMenuItems", "Annotation", "Filter", "Obj", "Type", "useGlobalFilteredObjects", "useObject", "useQuery", "Card", "Toolbar", "Masonry", "MasonryComponent", "Menu", "getTypenameFromQuery", "MasonryContainer", "view", "viewOrRef", "role", "_role", "useObject", "schemas", "useCapabilities", "AppCapabilities", "Schema", "db", "Obj", "getDatabase", "typename", "query", "getTypenameFromQuery", "ast", "undefined", "cardSchema", "setCardSchema", "useState", "useEffect", "staticSchema", "flat", "find", "schema", "Type", "getTypename", "schemaRegistry", "unsubscribe", "subscribe", "results", "fire", "objects", "useQuery", "Filter", "type", "nothing", "filteredObjects", "useGlobalFilteredObjects", "MasonryComponent", "Root", "items", "render", "Item", "classNames", "data", "objectMenuItems", "useObjectMenuItems", "icon", "pipe", "getSchema", "fromNullable", "flatMap", "Annotation", "IconAnnotation", "get", "map", "getOrElse", "Menu", "Card", "Toolbar", "Icon", "Title", "getLabel", "Trigger", "asChild", "disabled", "length", "IconButton", "iconOnly", "variant", "label", "Content", "Surface", "limit", "subject", "MasonryContainer"]
-}

package/dist/lib/browser/chunk-7W5GV4MG.mjs

@@ -1,19 +0,0 @@
-// src/meta.ts
-import { trim } from "@dxos/util";
-var meta = {
-  id: "org.dxos.plugin.masonry",
-  name: "Masonry",
-  description: trim`
-    Responsive grid layout that displays query results in an adaptive masonry pattern.
-    Visualize collections of cards, images, or mixed content that automatically adjusts to available screen space.
-  `,
-  icon: "ph--wall--regular",
-  iconHue: "green",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry",
-  screenshots: []
-};
-
-export {
-  meta
-};
-//# sourceMappingURL=chunk-7W5GV4MG.mjs.map

package/dist/lib/browser/chunk-7W5GV4MG.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.masonry',\n  name: 'Masonry',\n  description: trim`\n    Responsive grid layout that displays query results in an adaptive masonry pattern.\n    Visualize collections of cards, images, or mixed content that automatically adjusts to available screen space.\n  `,\n  icon: 'ph--wall--regular',\n  iconHue: 'green',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry',\n  screenshots: [],\n};\n"],
-  "mappings": ";AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;",
-  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots"]
-}

package/dist/lib/browser/chunk-ANLADCDB.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/Masonry.ts", "../../../src/types/MasonryAction.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Annotation, Obj, Ref, Type } from '@dxos/echo';\nimport { View } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';\nimport { ViewAnnotation } from '@dxos/schema';\n\nexport const Masonry = Schema.Struct({\n  name: Schema.String.pipe(Schema.optional),\n\n  view: Ref.Ref(View.View).pipe(FormInputAnnotation.set(false)),\n\n  arrangement: Schema.Array(\n    Schema.Struct({\n      ids: Schema.Array(Obj.ID),\n      hidden: Schema.optional(Schema.Boolean),\n    }),\n  ).pipe(FormInputAnnotation.set(false), Schema.optional),\n  // TODO(wittjosiah): Consider Masonry supporting not being just a view but referencing arbitrary data directly.\n}).pipe(\n  Type.object({\n    typename: 'org.dxos.type.masonry',\n    version: '0.1.0',\n  }),\n  LabelAnnotation.set(['name']),\n  ViewAnnotation.set(true),\n  Annotation.IconAnnotation.set({\n    icon: 'ph--wall--regular',\n    hue: 'green',\n  }),\n);\n\nexport interface Masonry extends Schema.Schema.Type<typeof Masonry> {}\n\ntype MakeProps = Omit<Partial<Obj.MakeProps<typeof Masonry>>, 'view'> & {\n  view: View.View;\n};\n\n/**\n * Make a masonry as a view of a data set.\n */\nexport const make = ({ name, arrangement = [], view }: MakeProps): Masonry => {\n  return Obj.make(Masonry, { name, view: Ref.make(view), arrangement });\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { TypeInputOptionsAnnotation } from '@dxos/plugin-space/types';\n\nexport const MasonryProps = Schema.Struct({\n  name: Schema.optional(Schema.String),\n  // TODO(wittjosiah): This should be a query input instead.\n  typename: Schema.String.pipe(\n    Schema.annotations({ title: 'Select card type' }),\n    TypeInputOptionsAnnotation.set({\n      location: ['database', 'runtime'],\n      kind: ['user'],\n    }),\n    Schema.optional,\n  ),\n});\n"],
-  "mappings": ";;;;;AAAA;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,YAAYC,KAAKC,KAAKC,YAAY;AAC3C,SAASC,YAAY;AACrB,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,sBAAsB;AAExB,IAAMC,UAAiBC,cAAO;EACnCC,MAAaC,cAAOC,KAAYC,eAAQ;EAExCC,MAAMC,IAAIA,IAAIC,KAAKA,IAAI,EAAEJ,KAAKK,oBAAoBC,IAAI,KAAA,CAAA;EAEtDC,aAAoBC,aACXX,cAAO;IACZY,KAAYD,aAAME,IAAIC,EAAE;IACxBC,QAAeX,gBAAgBY,cAAO;EACxC,CAAA,CAAA,EACAb,KAAKK,oBAAoBC,IAAI,KAAA,GAAeL,eAAQ;AAExD,CAAA,EAAGD,KACDc,KAAKC,OAAO;EACVC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBZ,IAAI;EAAC;CAAO,GAC5Ba,eAAeb,IAAI,IAAA,GACnBc,WAAWC,eAAef,IAAI;EAC5BgB,MAAM;EACNC,KAAK;AACP,CAAA,CAAA;AAYK,IAAMC,OAAO,CAAC,EAAE1B,MAAMS,cAAc,CAAA,GAAIL,KAAI,MAAa;AAC9D,SAAOQ,IAAIc,KAAK5B,SAAS;IAAEE;IAAMI,MAAMC,IAAIqB,KAAKtB,IAAAA;IAAOK;EAAY,CAAA;AACrE;;;AC/CA;;;;AAIA,YAAYkB,aAAY;AAExB,SAASC,kCAAkC;AAEpC,IAAMC,eAAsBC,eAAO;EACxCC,MAAaC,iBAAgBC,cAAM;;EAEnCC,UAAiBD,eAAOE,KACfC,oBAAY;IAAEC,OAAO;EAAmB,CAAA,GAC/CC,2BAA2BC,IAAI;IAC7BC,UAAU;MAAC;MAAY;;IACvBC,MAAM;MAAC;;EACT,CAAA,GACOT,gBAAQ;AAEnB,CAAA;",
-  "names": ["Schema", "Annotation", "Obj", "Ref", "Type", "View", "FormInputAnnotation", "LabelAnnotation", "ViewAnnotation", "Masonry", "Struct", "name", "String", "pipe", "optional", "view", "Ref", "View", "FormInputAnnotation", "set", "arrangement", "Array", "ids", "Obj", "ID", "hidden", "Boolean", "Type", "object", "typename", "version", "LabelAnnotation", "ViewAnnotation", "Annotation", "IconAnnotation", "icon", "hue", "make", "Schema", "TypeInputOptionsAnnotation", "MasonryProps", "Struct", "name", "optional", "String", "typename", "pipe", "annotations", "title", "TypeInputOptionsAnnotation", "set", "location", "kind"]
-}

package/dist/lib/browser/index.mjs

@@ -1,78 +0,0 @@
-import {
-  meta
-} from "./chunk-7W5GV4MG.mjs";
-import {
-  MasonryAction_exports,
-  Masonry_exports
-} from "./chunk-ANLADCDB.mjs";
-import "./chunk-J5LGTIGS.mjs";
-
-// src/MasonryPlugin.tsx
-import * as Effect from "effect/Effect";
-import * as Option from "effect/Option";
-import { Plugin } from "@dxos/app-framework";
-import { AppPlugin } from "@dxos/app-toolkit";
-import { Annotation, Type as Type2 } from "@dxos/echo";
-import { ViewModel } from "@dxos/schema";
-
-// src/capabilities/react-surface/index.ts
-import { Capability } from "@dxos/app-framework";
-var ReactSurface = Capability.lazy("ReactSurface", () => import("./react-surface-E3X4DF5N.mjs"));
-
-// src/translations.ts
-import { Type } from "@dxos/echo";
-var translations = [
-  {
-    "en-US": {
-      [Type.getTypename(Masonry_exports.Masonry)]: {
-        "typename label": "Masonry",
-        "typename label_zero": "Masonries",
-        "typename label_one": "Masonry",
-        "typename label_other": "Masonries",
-        "object name placeholder": "New masonry",
-        "add object label": "Add masonry",
-        "rename object label": "Rename masonry",
-        "delete object label": "Delete masonry",
-        "object deleted label": "Masonry deleted"
-      },
-      [meta.id]: {
-        "plugin name": "Masonry"
-      }
-    }
-  }
-];
-
-// src/MasonryPlugin.tsx
-var MasonryPlugin = Plugin.define(meta).pipe(AppPlugin.addMetadataModule({
-  metadata: {
-    id: Type2.getTypename(Masonry_exports.Masonry),
-    metadata: {
-      icon: Annotation.IconAnnotation.get(Masonry_exports.Masonry).pipe(Option.getOrThrow).icon,
-      iconHue: Annotation.IconAnnotation.get(Masonry_exports.Masonry).pipe(Option.getOrThrow).hue ?? "white",
-      inputSchema: MasonryAction_exports.MasonryProps,
-      createObject: (props, { db }) => Effect.promise(async () => {
-        const { view } = await ViewModel.makeFromDatabase({
-          db,
-          typename: props.typename
-        });
-        return Masonry_exports.make({
-          name: props.name,
-          view
-        });
-      })
-    }
-  }
-}), AppPlugin.addSchemaModule({
-  schema: [
-    Masonry_exports.Masonry
-  ]
-}), AppPlugin.addSurfaceModule({
-  activate: ReactSurface
-}), AppPlugin.addTranslationsModule({
-  translations
-}), Plugin.make);
-export {
-  MasonryPlugin,
-  meta
-};
-//# sourceMappingURL=index.mjs.map

package/dist/lib/browser/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/MasonryPlugin.tsx", "../../../src/capabilities/react-surface/index.ts", "../../../src/translations.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport * as Option from 'effect/Option';\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Annotation, Type } from '@dxos/echo';\nimport { type CreateObject } from '@dxos/plugin-space/types';\nimport { ViewModel } from '@dxos/schema';\n\nimport { ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\nimport { Masonry, MasonryAction } from './types';\n\nexport const MasonryPlugin = Plugin.define(meta).pipe(\n  AppPlugin.addMetadataModule({\n    metadata: {\n      id: Type.getTypename(Masonry.Masonry),\n      metadata: {\n        icon: Annotation.IconAnnotation.get(Masonry.Masonry).pipe(Option.getOrThrow).icon,\n        iconHue: Annotation.IconAnnotation.get(Masonry.Masonry).pipe(Option.getOrThrow).hue ?? 'white',\n        inputSchema: MasonryAction.MasonryProps,\n        createObject: ((props, { db }) =>\n          Effect.promise(async () => {\n            const { view } = await ViewModel.makeFromDatabase({ db, typename: props.typename });\n            return Masonry.make({ name: props.name, view });\n          })) satisfies CreateObject,\n      },\n    },\n  }),\n  AppPlugin.addSchemaModule({ schema: [Masonry.Masonry] }),\n  AppPlugin.addSurfaceModule({ activate: ReactSurface }),\n  AppPlugin.addTranslationsModule({ translations }),\n  Plugin.make,\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capability } from '@dxos/app-framework';\n\nexport const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { Type } from '@dxos/echo';\nimport { type Resource } from '@dxos/react-ui';\n\nimport { meta } from './meta';\nimport { Masonry } from './types';\n\nexport const translations = [\n  {\n    'en-US': {\n      [Type.getTypename(Masonry.Masonry)]: {\n        'typename label': 'Masonry',\n        'typename label_zero': 'Masonries',\n        'typename label_one': 'Masonry',\n        'typename label_other': 'Masonries',\n        'object name placeholder': 'New masonry',\n        'add object label': 'Add masonry',\n        'rename object label': 'Rename masonry',\n        'delete object label': 'Delete masonry',\n        'object deleted label': 'Masonry deleted',\n      },\n      [meta.id]: {\n        'plugin name': 'Masonry',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
-  "mappings": ";;;;;;;;;;AAIA,YAAYA,YAAY;AAExB,YAAYC,YAAY;AAExB,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,YAAYC,QAAAA,aAAY;AAEjC,SAASC,iBAAiB;;;ACR1B,SAASC,kBAAkB;AAEpB,IAAMC,eAAeC,WAAWC,KAAK,gBAAgB,MAAM,OAAO,8BAAA,CAAA;;;ACFzE,SAASC,YAAY;AAMd,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,YAAYC,gBAAQA,OAAO,CAAA,GAAI;QACnC,kBAAkB;QAClB,uBAAuB;QACvB,sBAAsB;QACtB,wBAAwB;QACxB,2BAA2B;QAC3B,oBAAoB;QACpB,uBAAuB;QACvB,uBAAuB;QACvB,wBAAwB;MAC1B;MACA,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;;;AFTK,IAAMC,gBAAgBC,OAAOC,OAAOC,IAAAA,EAAMC,KAC/CC,UAAUC,kBAAkB;EAC1BC,UAAU;IACRC,IAAIC,MAAKC,YAAYC,gBAAQA,OAAO;IACpCJ,UAAU;MACRK,MAAMC,WAAWC,eAAeC,IAAIJ,gBAAQA,OAAO,EAAEP,KAAYY,iBAAU,EAAEJ;MAC7EK,SAASJ,WAAWC,eAAeC,IAAIJ,gBAAQA,OAAO,EAAEP,KAAYY,iBAAU,EAAEE,OAAO;MACvFC,aAAaC,sBAAcC;MAC3BC,cAAe,CAACC,OAAO,EAAEC,GAAE,MAClBC,eAAQ,YAAA;AACb,cAAM,EAAEC,KAAI,IAAK,MAAMC,UAAUC,iBAAiB;UAAEJ;UAAIK,UAAUN,MAAMM;QAAS,CAAA;AACjF,eAAOlB,gBAAQmB,KAAK;UAAEC,MAAMR,MAAMQ;UAAML;QAAK,CAAA;MAC/C,CAAA;IACJ;EACF;AACF,CAAA,GACArB,UAAU2B,gBAAgB;EAAEC,QAAQ;IAACtB,gBAAQA;;AAAS,CAAA,GACtDN,UAAU6B,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACpD/B,UAAUgC,sBAAsB;EAAEC;AAAa,CAAA,GAC/CrC,OAAO6B,IAAI;",
-  "names": ["Effect", "Option", "Plugin", "AppPlugin", "Annotation", "Type", "ViewModel", "Capability", "ReactSurface", "Capability", "lazy", "Type", "translations", "Type", "getTypename", "Masonry", "meta", "id", "MasonryPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addMetadataModule", "metadata", "id", "Type", "getTypename", "Masonry", "icon", "Annotation", "IconAnnotation", "get", "getOrThrow", "iconHue", "hue", "inputSchema", "MasonryAction", "MasonryProps", "createObject", "props", "db", "promise", "view", "ViewModel", "makeFromDatabase", "typename", "make", "name", "addSchemaModule", "schema", "addSurfaceModule", "activate", "ReactSurface", "addTranslationsModule", "translations"]
-}

package/dist/lib/browser/meta.json

@@ -1 +0,0 @@
-{"inputs":{"src/meta.ts":{"bytes":1966,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/containers/MasonryContainer/MasonryContainer.tsx":{"bytes":12077,"imports":[{"path":"effect/Function","kind":"import-statement","external":true},{"path":"effect/Option","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit/ui","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-masonry","kind":"import-statement","external":true},{"path":"@dxos/react-ui-menu","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"format":"esm"},"src/containers/MasonryContainer/index.ts":{"bytes":702,"imports":[{"path":"src/containers/MasonryContainer/MasonryContainer.tsx","kind":"import-statement","original":"./MasonryContainer"}],"format":"esm"},"src/containers/index.ts":{"bytes":823,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"src/containers/MasonryContainer/index.ts","kind":"dynamic-import","original":"./MasonryContainer"}],"format":"esm"},"src/types/Masonry.ts":{"bytes":4879,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"format":"esm"},"src/types/MasonryAction.ts":{"bytes":2249,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true}],"format":"esm"},"src/types/index.ts":{"bytes":708,"imports":[{"path":"src/types/Masonry.ts","kind":"import-statement","original":"./Masonry"},{"path":"src/types/MasonryAction.ts","kind":"import-statement","original":"./MasonryAction"}],"format":"esm"},"src/capabilities/react-surface/react-surface.tsx":{"bytes":4191,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"src/containers/index.ts","kind":"import-statement","original":"../../containers"},{"path":"src/meta.ts","kind":"import-statement","original":"../../meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"../../types"}],"format":"esm"},"src/capabilities/react-surface/index.ts":{"bytes":911,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/react-surface/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":488,"imports":[{"path":"src/capabilities/react-surface/index.ts","kind":"import-statement","original":"./react-surface"}],"format":"esm"},"src/translations.ts":{"bytes":2818,"imports":[{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/MasonryPlugin.tsx":{"bytes":5853,"imports":[{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"effect/Option","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/index.ts":{"bytes":555,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/MasonryPlugin.tsx","kind":"import-statement","original":"./MasonryPlugin"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4551},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-7W5GV4MG.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-ANLADCDB.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-J5LGTIGS.mjs","kind":"import-statement"},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"effect/Option","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/browser/react-surface-E3X4DF5N.mjs","kind":"dynamic-import"},{"path":"@dxos/echo","kind":"import-statement","external":true}],"exports":["MasonryPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/MasonryPlugin.tsx":{"bytesInOutput":1198},"src/capabilities/react-surface/index.ts":{"bytesInOutput":148},"src/capabilities/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":618}},"bytes":2316},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/types/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-ANLADCDB.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-J5LGTIGS.mjs","kind":"import-statement"}],"exports":["Masonry","MasonryAction"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":234},"dist/lib/browser/MasonryContainer-Q7VPG6YS.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6852},"dist/lib/browser/MasonryContainer-Q7VPG6YS.mjs":{"imports":[{"path":"dist/lib/browser/chunk-J5LGTIGS.mjs","kind":"import-statement"},{"path":"effect/Function","kind":"import-statement","external":true},{"path":"effect/Option","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit","kind":"import-statement","external":true},{"path":"@dxos/app-toolkit/ui","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-masonry","kind":"import-statement","external":true},{"path":"@dxos/react-ui-menu","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/containers/MasonryContainer/index.ts","inputs":{"src/containers/MasonryContainer/MasonryContainer.tsx":{"bytesInOutput":3101},"src/containers/MasonryContainer/index.ts":{"bytesInOutput":49}},"bytes":3388},"dist/lib/browser/react-surface-E3X4DF5N.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":2397},"dist/lib/browser/react-surface-E3X4DF5N.mjs":{"imports":[{"path":"dist/lib/browser/chunk-7W5GV4MG.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-ANLADCDB.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-J5LGTIGS.mjs","kind":"import-statement"},{"path":"effect/Effect","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/app-framework/ui","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"dist/lib/browser/MasonryContainer-Q7VPG6YS.mjs","kind":"dynamic-import"}],"exports":["default"],"entryPoint":"src/capabilities/react-surface/react-surface.tsx","inputs":{"src/capabilities/react-surface/react-surface.tsx":{"bytesInOutput":837},"src/containers/index.ts":{"bytesInOutput":108}},"bytes":1314},"dist/lib/browser/chunk-7W5GV4MG.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":948},"dist/lib/browser/chunk-7W5GV4MG.mjs":{"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["meta"],"inputs":{"src/meta.ts":{"bytesInOutput":482}},"bytes":561},"dist/lib/browser/chunk-ANLADCDB.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3716},"dist/lib/browser/chunk-ANLADCDB.mjs":{"imports":[{"path":"dist/lib/browser/chunk-J5LGTIGS.mjs","kind":"import-statement"},{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true}],"exports":["MasonryAction_exports","Masonry_exports"],"inputs":{"src/types/Masonry.ts":{"bytesInOutput":1043},"src/types/index.ts":{"bytesInOutput":0},"src/types/MasonryAction.ts":{"bytesInOutput":596}},"bytes":1846},"dist/lib/browser/chunk-J5LGTIGS.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/chunk-J5LGTIGS.mjs":{"imports":[],"exports":["__export"],"inputs":{},"bytes":235}}}

package/dist/lib/browser/react-surface-E3X4DF5N.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/containers/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capabilities, Capability } from '@dxos/app-framework';\nimport { Surface } from '@dxos/app-framework/ui';\nimport { Obj } from '@dxos/echo';\nimport { View } from '@dxos/echo';\n\nimport { MasonryContainer } from '../../containers';\nimport { meta } from '../../meta';\nimport { Masonry } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Capabilities.ReactSurface, [\n      Surface.create({\n        id: meta.id,\n        role: ['article', 'section'],\n        filter: (data): data is { subject: Masonry.Masonry | View.View } =>\n          Obj.instanceOf(Masonry.Masonry, data.subject) || Obj.instanceOf(View.View, data.subject),\n        component: ({ data, role }) => {\n          const view = Obj.instanceOf(View.View, data.subject) ? data.subject : data.subject.view;\n          return <MasonryContainer view={view} role={role} />;\n        },\n      }),\n    ]),\n  ),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type ComponentType, lazy } from 'react';\n\nexport const MasonryContainer: ComponentType<any> = lazy(() => import('./MasonryContainer'));\n"],
-  "mappings": ";;;;;;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,WAAW;AAElB,SAASC,cAAcC,kBAAkB;AACzC,SAASC,eAAe;AACxB,SAASC,WAAW;AACpB,SAASC,YAAY;;;ACNrB,SAA6BC,YAAY;AAElC,IAAMC,mBAAuCC,KAAK,MAAM,OAAO,iCAAA,CAAA;;;ADUtE,IAAA,wBAAeC,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YAAYC,aAAaC,cAAc;EAChDC,QAAQC,OAAO;IACbC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SACPC,IAAIC,WAAWC,gBAAQA,SAASH,KAAKI,OAAO,KAAKH,IAAIC,WAAWG,KAAKA,MAAML,KAAKI,OAAO;IACzFE,WAAW,CAAC,EAAEN,MAAMF,KAAI,MAAE;AACxB,YAAMS,OAAON,IAAIC,WAAWG,KAAKA,MAAML,KAAKI,OAAO,IAAIJ,KAAKI,UAAUJ,KAAKI,QAAQG;AACnF,aAAO,sBAAA,cAACC,kBAAAA;QAAiBD;QAAYT;;IACvC;EACF,CAAA;CACD,CAAA,CAAA;",
-  "names": ["Effect", "React", "Capabilities", "Capability", "Surface", "Obj", "View", "lazy", "MasonryContainer", "lazy", "Capability", "makeModule", "succeed", "contributes", "Capabilities", "ReactSurface", "Surface", "create", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Masonry", "subject", "View", "component", "view", "MasonryContainer"]
-}

package/dist/lib/node-esm/MasonryContainer-NQGW3OZD.mjs

@@ -1,85 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import "./chunk-HSLMI22Q.mjs";
-
-// src/containers/MasonryContainer/MasonryContainer.tsx
-import * as Function from "effect/Function";
-import * as Option from "effect/Option";
-import React, { useEffect, useState } from "react";
-import { Surface, useCapabilities } from "@dxos/app-framework/ui";
-import { AppCapabilities } from "@dxos/app-toolkit";
-import { useObjectMenuItems } from "@dxos/app-toolkit/ui";
-import { Annotation, Filter, Obj, Type } from "@dxos/echo";
-import { useGlobalFilteredObjects } from "@dxos/plugin-search";
-import { useObject, useQuery } from "@dxos/react-client/echo";
-import { Card, Toolbar } from "@dxos/react-ui";
-import { Masonry as MasonryComponent } from "@dxos/react-ui-masonry";
-import { Menu } from "@dxos/react-ui-menu";
-import { getTypenameFromQuery } from "@dxos/schema";
-var MasonryContainer = ({ view: viewOrRef, role: _role }) => {
-  const [view] = useObject(viewOrRef);
-  const schemas = useCapabilities(AppCapabilities.Schema);
-  const db = view && Obj.getDatabase(view);
-  const typename = view?.query ? getTypenameFromQuery(view.query.ast) : void 0;
-  const [cardSchema, setCardSchema] = useState();
-  useEffect(() => {
-    const staticSchema = schemas.flat().find((schema) => Type.getTypename(schema) === typename);
-    if (staticSchema) {
-      setCardSchema(() => staticSchema);
-    }
-    if (!staticSchema && typename && db) {
-      const query = db.schemaRegistry.query({
-        typename
-      });
-      const unsubscribe = query.subscribe(() => {
-        const [schema] = query.results;
-        if (schema) {
-          setCardSchema(schema);
-        }
-      }, {
-        fire: true
-      });
-      return unsubscribe;
-    }
-  }, [
-    schemas,
-    typename,
-    db
-  ]);
-  const objects = useQuery(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
-  const filteredObjects = useGlobalFilteredObjects(objects);
-  return /* @__PURE__ */ React.createElement(MasonryComponent.Root, {
-    items: filteredObjects,
-    render: Item,
-    classNames: "w-full max-w-full h-full max-h-full overflow-y-auto p-4"
-  });
-};
-var Item = ({ data }) => {
-  const objectMenuItems = useObjectMenuItems(data);
-  const icon = Function.pipe(Obj.getSchema(data), Option.fromNullable, Option.flatMap(Annotation.IconAnnotation.get), Option.map(({ icon: icon2 }) => icon2), Option.getOrElse(() => "ph--placeholder--regular"));
-  return /* @__PURE__ */ React.createElement(Menu.Root, null, /* @__PURE__ */ React.createElement(Card.Root, null, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement(Card.Icon, {
-    icon
-  }), /* @__PURE__ */ React.createElement(Card.Title, null, Obj.getLabel(data)), /* @__PURE__ */ React.createElement(Menu.Trigger, {
-    asChild: true,
-    disabled: !objectMenuItems?.length
-  }, /* @__PURE__ */ React.createElement(Toolbar.IconButton, {
-    iconOnly: true,
-    variant: "ghost",
-    icon: "ph--dots-three-vertical--regular",
-    label: "Actions"
-  })), /* @__PURE__ */ React.createElement(Menu.Content, {
-    items: objectMenuItems
-  })), /* @__PURE__ */ React.createElement(Surface.Surface, {
-    role: "card--content",
-    limit: 1,
-    data: {
-      subject: data
-    }
-  })));
-};
-
-// src/containers/MasonryContainer/index.ts
-var MasonryContainer_default = MasonryContainer;
-export {
-  MasonryContainer_default as default
-};
-//# sourceMappingURL=MasonryContainer-NQGW3OZD.mjs.map

package/dist/lib/node-esm/MasonryContainer-NQGW3OZD.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/containers/MasonryContainer/MasonryContainer.tsx", "../../../src/containers/MasonryContainer/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Function from 'effect/Function';\nimport * as Option from 'effect/Option';\nimport type * as Schema from 'effect/Schema';\nimport React, { useEffect, useState } from 'react';\n\nimport { Surface, useCapabilities } from '@dxos/app-framework/ui';\nimport { AppCapabilities } from '@dxos/app-toolkit';\nimport { useObjectMenuItems } from '@dxos/app-toolkit/ui';\nimport { Annotation, Filter, Obj, type Ref, Type } from '@dxos/echo';\nimport { type View } from '@dxos/echo';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { useObject, useQuery } from '@dxos/react-client/echo';\nimport { Card, Toolbar } from '@dxos/react-ui';\nimport { Masonry as MasonryComponent } from '@dxos/react-ui-masonry';\nimport { Menu } from '@dxos/react-ui-menu';\nimport { getTypenameFromQuery } from '@dxos/schema';\n\nexport type MasonryContainerProps = {\n  view: View.View;\n  role?: string;\n};\n\nexport const MasonryContainer = ({\n  view: viewOrRef,\n  role: _role,\n}: {\n  view: View.View | Ref.Ref<View.View>;\n  role?: string;\n}) => {\n  const [view] = useObject(viewOrRef);\n  const schemas = useCapabilities(AppCapabilities.Schema);\n  const db = view && Obj.getDatabase(view);\n  const typename = view?.query ? getTypenameFromQuery(view.query.ast) : undefined;\n\n  const [cardSchema, setCardSchema] = useState<Schema.Schema.AnyNoContext>();\n\n  useEffect(() => {\n    const staticSchema = schemas.flat().find((schema) => Type.getTypename(schema) === typename);\n    if (staticSchema) {\n      setCardSchema(() => staticSchema);\n    }\n    if (!staticSchema && typename && db) {\n      const query = db.schemaRegistry.query({ typename });\n      const unsubscribe = query.subscribe(\n        () => {\n          const [schema] = query.results;\n          if (schema) {\n            setCardSchema(schema);\n          }\n        },\n        { fire: true },\n      );\n      return unsubscribe;\n    }\n  }, [schemas, typename, db]);\n\n  const objects = useQuery(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing());\n  const filteredObjects = useGlobalFilteredObjects(objects);\n\n  return (\n    <MasonryComponent.Root\n      items={filteredObjects}\n      render={Item as any}\n      classNames='w-full max-w-full h-full max-h-full overflow-y-auto p-4'\n    />\n  );\n};\n\nconst Item = ({ data }: { data: any }) => {\n  const objectMenuItems = useObjectMenuItems(data);\n  const icon = Function.pipe(\n    Obj.getSchema(data),\n    Option.fromNullable,\n    Option.flatMap(Annotation.IconAnnotation.get),\n    Option.map(({ icon }) => icon),\n    Option.getOrElse(() => 'ph--placeholder--regular'),\n  );\n\n  return (\n    <Menu.Root>\n      <Card.Root>\n        <Card.Toolbar>\n          <Card.Icon icon={icon} />\n          <Card.Title>{Obj.getLabel(data)}</Card.Title>\n          {/* TODO(wittjosiah): Reconcile with Card.Menu. */}\n          <Menu.Trigger asChild disabled={!objectMenuItems?.length}>\n            <Toolbar.IconButton iconOnly variant='ghost' icon='ph--dots-three-vertical--regular' label='Actions' />\n          </Menu.Trigger>\n          <Menu.Content items={objectMenuItems} />\n        </Card.Toolbar>\n        <Surface.Surface role='card--content' limit={1} data={{ subject: data }} />\n      </Card.Root>\n    </Menu.Root>\n  );\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { MasonryContainer } from './MasonryContainer';\n\nexport default MasonryContainer;\n"],
-  "mappings": ";;;;AAIA,YAAYA,cAAc;AAC1B,YAAYC,YAAY;AAExB,OAAOC,SAASC,WAAWC,gBAAgB;AAE3C,SAASC,SAASC,uBAAuB;AACzC,SAASC,uBAAuB;AAChC,SAASC,0BAA0B;AACnC,SAASC,YAAYC,QAAQC,KAAeC,YAAY;AAExD,SAASC,gCAAgC;AACzC,SAASC,WAAWC,gBAAgB;AACpC,SAASC,MAAMC,eAAe;AAC9B,SAASC,WAAWC,wBAAwB;AAC5C,SAASC,YAAY;AACrB,SAASC,4BAA4B;AAO9B,IAAMC,mBAAmB,CAAC,EAC/BC,MAAMC,WACNC,MAAMC,MAAK,MAIZ;AACC,QAAM,CAACH,IAAAA,IAAQI,UAAUH,SAAAA;AACzB,QAAMI,UAAUC,gBAAgBC,gBAAgBC,MAAM;AACtD,QAAMC,KAAKT,QAAQU,IAAIC,YAAYX,IAAAA;AACnC,QAAMY,WAAWZ,MAAMa,QAAQC,qBAAqBd,KAAKa,MAAME,GAAG,IAAIC;AAEtE,QAAM,CAACC,YAAYC,aAAAA,IAAiBC,SAAAA;AAEpCC,YAAU,MAAA;AACR,UAAMC,eAAehB,QAAQiB,KAAI,EAAGC,KAAK,CAACC,WAAWC,KAAKC,YAAYF,MAAAA,MAAYZ,QAAAA;AAClF,QAAIS,cAAc;AAChBH,oBAAc,MAAMG,YAAAA;IACtB;AACA,QAAI,CAACA,gBAAgBT,YAAYH,IAAI;AACnC,YAAMI,QAAQJ,GAAGkB,eAAed,MAAM;QAAED;MAAS,CAAA;AACjD,YAAMgB,cAAcf,MAAMgB,UACxB,MAAA;AACE,cAAM,CAACL,MAAAA,IAAUX,MAAMiB;AACvB,YAAIN,QAAQ;AACVN,wBAAcM,MAAAA;QAChB;MACF,GACA;QAAEO,MAAM;MAAK,CAAA;AAEf,aAAOH;IACT;EACF,GAAG;IAACvB;IAASO;IAAUH;GAAG;AAE1B,QAAMuB,UAAUC,SAASxB,IAAIQ,aAAaiB,OAAOC,KAAKlB,UAAAA,IAAciB,OAAOE,QAAO,CAAA;AAClF,QAAMC,kBAAkBC,yBAAyBN,OAAAA;AAEjD,SACE,sBAAA,cAACO,iBAAiBC,MAAI;IACpBC,OAAOJ;IACPK,QAAQC;IACRC,YAAW;;AAGjB;AAEA,IAAMD,OAAO,CAAC,EAAEE,KAAI,MAAiB;AACnC,QAAMC,kBAAkBC,mBAAmBF,IAAAA;AAC3C,QAAMG,OAAgBC,cACpBvC,IAAIwC,UAAUL,IAAAA,GACPM,qBACAC,eAAQC,WAAWC,eAAeC,GAAG,GACrCC,WAAI,CAAC,EAAER,MAAAA,MAAI,MAAOA,KAAAA,GAClBS,iBAAU,MAAM,0BAAA,CAAA;AAGzB,SACE,sBAAA,cAACC,KAAKlB,MAAI,MACR,sBAAA,cAACmB,KAAKnB,MAAI,MACR,sBAAA,cAACmB,KAAKC,SAAO,MACX,sBAAA,cAACD,KAAKE,MAAI;IAACb;MACX,sBAAA,cAACW,KAAKG,OAAK,MAAEpD,IAAIqD,SAASlB,IAAAA,CAAAA,GAE1B,sBAAA,cAACa,KAAKM,SAAO;IAACC,SAAAA;IAAQC,UAAU,CAACpB,iBAAiBqB;KAChD,sBAAA,cAACP,QAAQQ,YAAU;IAACC,UAAAA;IAASC,SAAQ;IAAQtB,MAAK;IAAmCuB,OAAM;OAE7F,sBAAA,cAACb,KAAKc,SAAO;IAAC/B,OAAOK;OAEvB,sBAAA,cAAC2B,QAAQA,SAAO;IAACvE,MAAK;IAAgBwE,OAAO;IAAG7B,MAAM;MAAE8B,SAAS9B;IAAK;;AAI9E;;;AC5FA,IAAA,2BAAe+B;",
-  "names": ["Function", "Option", "React", "useEffect", "useState", "Surface", "useCapabilities", "AppCapabilities", "useObjectMenuItems", "Annotation", "Filter", "Obj", "Type", "useGlobalFilteredObjects", "useObject", "useQuery", "Card", "Toolbar", "Masonry", "MasonryComponent", "Menu", "getTypenameFromQuery", "MasonryContainer", "view", "viewOrRef", "role", "_role", "useObject", "schemas", "useCapabilities", "AppCapabilities", "Schema", "db", "Obj", "getDatabase", "typename", "query", "getTypenameFromQuery", "ast", "undefined", "cardSchema", "setCardSchema", "useState", "useEffect", "staticSchema", "flat", "find", "schema", "Type", "getTypename", "schemaRegistry", "unsubscribe", "subscribe", "results", "fire", "objects", "useQuery", "Filter", "type", "nothing", "filteredObjects", "useGlobalFilteredObjects", "MasonryComponent", "Root", "items", "render", "Item", "classNames", "data", "objectMenuItems", "useObjectMenuItems", "icon", "pipe", "getSchema", "fromNullable", "flatMap", "Annotation", "IconAnnotation", "get", "map", "getOrElse", "Menu", "Card", "Toolbar", "Icon", "Title", "getLabel", "Trigger", "asChild", "disabled", "length", "IconButton", "iconOnly", "variant", "label", "Content", "Surface", "limit", "subject", "MasonryContainer"]
-}

package/dist/lib/node-esm/chunk-CCWUD5KF.mjs

@@ -1,21 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-
-// src/meta.ts
-import { trim } from "@dxos/util";
-var meta = {
-  id: "org.dxos.plugin.masonry",
-  name: "Masonry",
-  description: trim`
-    Responsive grid layout that displays query results in an adaptive masonry pattern.
-    Visualize collections of cards, images, or mixed content that automatically adjusts to available screen space.
-  `,
-  icon: "ph--wall--regular",
-  iconHue: "green",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry",
-  screenshots: []
-};
-
-export {
-  meta
-};
-//# sourceMappingURL=chunk-CCWUD5KF.mjs.map

package/dist/lib/node-esm/chunk-CCWUD5KF.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.masonry',\n  name: 'Masonry',\n  description: trim`\n    Responsive grid layout that displays query results in an adaptive masonry pattern.\n    Visualize collections of cards, images, or mixed content that automatically adjusts to available screen space.\n  `,\n  icon: 'ph--wall--regular',\n  iconHue: 'green',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry',\n  screenshots: [],\n};\n"],
-  "mappings": ";;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;",
-  "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots"]
-}

package/dist/lib/node-esm/chunk-GHHWMU6E.mjs

@@ -1,68 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  __export
-} from "./chunk-HSLMI22Q.mjs";
-
-// src/types/Masonry.ts
-var Masonry_exports = {};
-__export(Masonry_exports, {
-  Masonry: () => Masonry,
-  make: () => make
-});
-import * as Schema from "effect/Schema";
-import { Annotation, Obj, Ref, Type } from "@dxos/echo";
-import { View } from "@dxos/echo";
-import { FormInputAnnotation, LabelAnnotation } from "@dxos/echo/internal";
-import { ViewAnnotation } from "@dxos/schema";
-var Masonry = Schema.Struct({
-  name: Schema.String.pipe(Schema.optional),
-  view: Ref.Ref(View.View).pipe(FormInputAnnotation.set(false)),
-  arrangement: Schema.Array(Schema.Struct({
-    ids: Schema.Array(Obj.ID),
-    hidden: Schema.optional(Schema.Boolean)
-  })).pipe(FormInputAnnotation.set(false), Schema.optional)
-}).pipe(Type.object({
-  typename: "org.dxos.type.masonry",
-  version: "0.1.0"
-}), LabelAnnotation.set([
-  "name"
-]), ViewAnnotation.set(true), Annotation.IconAnnotation.set({
-  icon: "ph--wall--regular",
-  hue: "green"
-}));
-var make = ({ name, arrangement = [], view }) => {
-  return Obj.make(Masonry, {
-    name,
-    view: Ref.make(view),
-    arrangement
-  });
-};
-
-// src/types/MasonryAction.ts
-var MasonryAction_exports = {};
-__export(MasonryAction_exports, {
-  MasonryProps: () => MasonryProps
-});
-import * as Schema2 from "effect/Schema";
-import { TypeInputOptionsAnnotation } from "@dxos/plugin-space/types";
-var MasonryProps = Schema2.Struct({
-  name: Schema2.optional(Schema2.String),
-  // TODO(wittjosiah): This should be a query input instead.
-  typename: Schema2.String.pipe(Schema2.annotations({
-    title: "Select card type"
-  }), TypeInputOptionsAnnotation.set({
-    location: [
-      "database",
-      "runtime"
-    ],
-    kind: [
-      "user"
-    ]
-  }), Schema2.optional)
-});
-
-export {
-  Masonry_exports,
-  MasonryAction_exports
-};
-//# sourceMappingURL=chunk-GHHWMU6E.mjs.map

package/dist/lib/node-esm/chunk-GHHWMU6E.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/types/Masonry.ts", "../../../src/types/MasonryAction.ts"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Annotation, Obj, Ref, Type } from '@dxos/echo';\nimport { View } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';\nimport { ViewAnnotation } from '@dxos/schema';\n\nexport const Masonry = Schema.Struct({\n  name: Schema.String.pipe(Schema.optional),\n\n  view: Ref.Ref(View.View).pipe(FormInputAnnotation.set(false)),\n\n  arrangement: Schema.Array(\n    Schema.Struct({\n      ids: Schema.Array(Obj.ID),\n      hidden: Schema.optional(Schema.Boolean),\n    }),\n  ).pipe(FormInputAnnotation.set(false), Schema.optional),\n  // TODO(wittjosiah): Consider Masonry supporting not being just a view but referencing arbitrary data directly.\n}).pipe(\n  Type.object({\n    typename: 'org.dxos.type.masonry',\n    version: '0.1.0',\n  }),\n  LabelAnnotation.set(['name']),\n  ViewAnnotation.set(true),\n  Annotation.IconAnnotation.set({\n    icon: 'ph--wall--regular',\n    hue: 'green',\n  }),\n);\n\nexport interface Masonry extends Schema.Schema.Type<typeof Masonry> {}\n\ntype MakeProps = Omit<Partial<Obj.MakeProps<typeof Masonry>>, 'view'> & {\n  view: View.View;\n};\n\n/**\n * Make a masonry as a view of a data set.\n */\nexport const make = ({ name, arrangement = [], view }: MakeProps): Masonry => {\n  return Obj.make(Masonry, { name, view: Ref.make(view), arrangement });\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { TypeInputOptionsAnnotation } from '@dxos/plugin-space/types';\n\nexport const MasonryProps = Schema.Struct({\n  name: Schema.optional(Schema.String),\n  // TODO(wittjosiah): This should be a query input instead.\n  typename: Schema.String.pipe(\n    Schema.annotations({ title: 'Select card type' }),\n    TypeInputOptionsAnnotation.set({\n      location: ['database', 'runtime'],\n      kind: ['user'],\n    }),\n    Schema.optional,\n  ),\n});\n"],
-  "mappings": ";;;;;;AAAA;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,YAAYC,KAAKC,KAAKC,YAAY;AAC3C,SAASC,YAAY;AACrB,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,sBAAsB;AAExB,IAAMC,UAAiBC,cAAO;EACnCC,MAAaC,cAAOC,KAAYC,eAAQ;EAExCC,MAAMC,IAAIA,IAAIC,KAAKA,IAAI,EAAEJ,KAAKK,oBAAoBC,IAAI,KAAA,CAAA;EAEtDC,aAAoBC,aACXX,cAAO;IACZY,KAAYD,aAAME,IAAIC,EAAE;IACxBC,QAAeX,gBAAgBY,cAAO;EACxC,CAAA,CAAA,EACAb,KAAKK,oBAAoBC,IAAI,KAAA,GAAeL,eAAQ;AAExD,CAAA,EAAGD,KACDc,KAAKC,OAAO;EACVC,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBZ,IAAI;EAAC;CAAO,GAC5Ba,eAAeb,IAAI,IAAA,GACnBc,WAAWC,eAAef,IAAI;EAC5BgB,MAAM;EACNC,KAAK;AACP,CAAA,CAAA;AAYK,IAAMC,OAAO,CAAC,EAAE1B,MAAMS,cAAc,CAAA,GAAIL,KAAI,MAAa;AAC9D,SAAOQ,IAAIc,KAAK5B,SAAS;IAAEE;IAAMI,MAAMC,IAAIqB,KAAKtB,IAAAA;IAAOK;EAAY,CAAA;AACrE;;;AC/CA;;;;AAIA,YAAYkB,aAAY;AAExB,SAASC,kCAAkC;AAEpC,IAAMC,eAAsBC,eAAO;EACxCC,MAAaC,iBAAgBC,cAAM;;EAEnCC,UAAiBD,eAAOE,KACfC,oBAAY;IAAEC,OAAO;EAAmB,CAAA,GAC/CC,2BAA2BC,IAAI;IAC7BC,UAAU;MAAC;MAAY;;IACvBC,MAAM;MAAC;;EACT,CAAA,GACOT,gBAAQ;AAEnB,CAAA;",
-  "names": ["Schema", "Annotation", "Obj", "Ref", "Type", "View", "FormInputAnnotation", "LabelAnnotation", "ViewAnnotation", "Masonry", "Struct", "name", "String", "pipe", "optional", "view", "Ref", "View", "FormInputAnnotation", "set", "arrangement", "Array", "ids", "Obj", "ID", "hidden", "Boolean", "Type", "object", "typename", "version", "LabelAnnotation", "ViewAnnotation", "Annotation", "IconAnnotation", "icon", "hue", "make", "Schema", "TypeInputOptionsAnnotation", "MasonryProps", "Struct", "name", "optional", "String", "typename", "pipe", "annotations", "title", "TypeInputOptionsAnnotation", "set", "location", "kind"]
-}

package/dist/lib/node-esm/chunk-HSLMI22Q.mjs

@@ -1,11 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-export {
-  __export
-};
-//# sourceMappingURL=chunk-HSLMI22Q.mjs.map