@dxos/plugin-masonry 0.8.4-main.406dc2a

package/dist/lib/node-esm/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/MasonryPlugin.tsx", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from '@dxos/app-framework';\nimport { ClientEvents } from '@dxos/plugin-client';\nimport { SpaceCapabilities } from '@dxos/plugin-space';\nimport { defineObjectForm } from '@dxos/plugin-space/types';\n\nimport { IntentResolver, ReactSurface } from './capabilities';\nimport { meta } from './meta';\nimport { translations } from './translations';\nimport { Masonry, MasonryAction } from './types';\n\nexport const MasonryPlugin = definePlugin(meta, () => [\n  defineModule({\n    id: `${meta.id}/module/translations`,\n    activatesOn: Events.SetupTranslations,\n    activate: () => contributes(Capabilities.Translations, translations),\n  }),\n  defineModule({\n    id: `${meta.id}/module/react-surface`,\n    activatesOn: Events.SetupReactSurface,\n    activate: ReactSurface,\n  }),\n  defineModule({\n    id: `${meta.id}/module/metadata`,\n    activatesOn: Events.SetupMetadata,\n    activate: () =>\n      contributes(Capabilities.Metadata, {\n        id: Masonry.Masonry.typename,\n        metadata: {\n          icon: 'ph--wall--regular',\n        },\n      }),\n  }),\n  defineModule({\n    id: `${meta.id}/module/object-form`,\n    activatesOn: ClientEvents.SetupSchema,\n    activate: () =>\n      contributes(\n        SpaceCapabilities.ObjectForm,\n        defineObjectForm({\n          objectSchema: Masonry.Masonry,\n          formSchema: MasonryAction.MasonryProps,\n          hidden: true,\n          getIntent: (props, options) => createIntent(MasonryAction.CreateMasonry, { ...props, space: options.space }),\n        }),\n      ),\n  }),\n  defineModule({\n    id: `${meta.id}/module/react-surface`,\n    activatesOn: Events.SetupReactSurface,\n    activate: ReactSurface,\n  }),\n  defineModule({\n    id: `${meta.id}/module/intent-resolver`,\n    activatesOn: Events.SetupIntentResolver,\n    activate: IntentResolver,\n  }),\n]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from '@dxos/app-framework';\n\nexport const ReactSurface = lazy(() => import('./react-surface'));\nexport const IntentResolver = lazy(() => import('./intent-resolver'));\n", "//\n// Copyright 2023 DXOS.org\n//\n\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      [Masonry.Masonry.typename]: {\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      },\n      [meta.id]: {\n        'plugin name': 'Masonry',\n      },\n    },\n  },\n] as const satisfies Resource[];\n"],
+  "mappings": ";;;;;;;;AAIA,SAASA,cAAcC,QAAQC,aAAaC,cAAcC,cAAcC,oBAAoB;AAC5F,SAASC,oBAAoB;AAC7B,SAASC,yBAAyB;AAClC,SAASC,wBAAwB;;;ACHjC,SAASC,YAAY;AAEd,IAAMC,eAAeC,KAAK,MAAM,OAAO,8BAAA,CAAA;AACvC,IAAMC,iBAAiBD,KAAK,MAAM,OAAO,gCAAA,CAAA;;;ACEzC,IAAME,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,gBAAQA,QAAQC,QAAQ,GAAG;QAC1B,kBAAkB;QAClB,uBAAuB;QACvB,sBAAsB;QACtB,wBAAwB;QACxB,2BAA2B;MAC7B;MACA,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;;;AFTK,IAAMC,gBAAgBC,aAAaC,MAAM,MAAM;EACpDC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOC;IACpBC,UAAU,MAAMC,YAAYC,aAAaC,cAAcC,YAAAA;EACzD,CAAA;EACAT,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOO;IACpBL,UAAUM;EACZ,CAAA;EACAX,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOS;IACpBP,UAAU,MACRC,YAAYC,aAAaM,UAAU;MACjCZ,IAAIa,gBAAQA,QAAQC;MACpBC,UAAU;QACRC,MAAM;MACR;IACF,CAAA;EACJ,CAAA;EACAjB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAagB,aAAaC;IAC1Bd,UAAU,MACRC,YACEc,kBAAkBC,YAClBC,iBAAiB;MACfC,cAAcT,gBAAQA;MACtBU,YAAYC,sBAAcC;MAC1BC,QAAQ;MACRC,WAAW,CAACC,OAAOC,YAAYC,aAAaN,sBAAcO,eAAe;QAAE,GAAGH;QAAOI,OAAOH,QAAQG;MAAM,CAAA;IAC5G,CAAA,CAAA;EAEN,CAAA;EACAjC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOO;IACpBL,UAAUM;EACZ,CAAA;EACAX,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAO+B;IACpB7B,UAAU8B;EACZ,CAAA;CACD;",
+  "names": ["Capabilities", "Events", "contributes", "createIntent", "defineModule", "definePlugin", "ClientEvents", "SpaceCapabilities", "defineObjectForm", "lazy", "ReactSurface", "lazy", "IntentResolver", "translations", "Masonry", "typename", "meta", "id", "MasonryPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupReactSurface", "ReactSurface", "SetupMetadata", "Metadata", "Masonry", "typename", "metadata", "icon", "ClientEvents", "SetupSchema", "SpaceCapabilities", "ObjectForm", "defineObjectForm", "objectSchema", "formSchema", "MasonryAction", "MasonryProps", "hidden", "getIntent", "props", "options", "createIntent", "CreateMasonry", "space", "SetupIntentResolver", "IntentResolver"]
+}

package/dist/lib/node-esm/intent-resolver-VVQIEZTT.mjs

@@ -0,0 +1,32 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  MasonryAction_exports,
+  Masonry_exports
+} from "./chunk-Z4PPM6OA.mjs";
+
+// src/capabilities/intent-resolver.ts
+import { Capabilities, contributes, createResolver } from "@dxos/app-framework";
+import { ClientCapabilities } from "@dxos/plugin-client";
+var intent_resolver_default = ((context) => contributes(Capabilities.IntentResolver, [
+  createResolver({
+    intent: MasonryAction_exports.CreateMasonry,
+    resolve: async ({ space, name, typename }) => {
+      const client = context.getCapability(ClientCapabilities.Client);
+      const { view } = await Masonry_exports.makeView({
+        client,
+        space,
+        name,
+        typename
+      });
+      return {
+        data: {
+          object: view
+        }
+      };
+    }
+  })
+]));
+export {
+  intent_resolver_default as default
+};
+//# sourceMappingURL=intent-resolver-VVQIEZTT.mjs.map

package/dist/lib/node-esm/intent-resolver-VVQIEZTT.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/intent-resolver.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, type PluginContext, contributes, createResolver } from '@dxos/app-framework';\nimport { ClientCapabilities } from '@dxos/plugin-client';\n\nimport { Masonry, MasonryAction } from '../types';\n\nexport default (context: PluginContext) =>\n  contributes(Capabilities.IntentResolver, [\n    createResolver({\n      intent: MasonryAction.CreateMasonry,\n      resolve: async ({ space, name, typename }) => {\n        const client = context.getCapability(ClientCapabilities.Client);\n        const { view } = await Masonry.makeView({\n          client,\n          space,\n          name,\n          typename,\n        });\n        return { data: { object: view } };\n      },\n    }),\n  ]);\n"],
+  "mappings": ";;;;;;;AAIA,SAASA,cAAkCC,aAAaC,sBAAsB;AAC9E,SAASC,0BAA0B;AAInC,IAAA,2BAAe,CAACC,YACdC,YAAYC,aAAaC,gBAAgB;EACvCC,eAAe;IACbC,QAAQC,sBAAcC;IACtBC,SAAS,OAAO,EAAEC,OAAOC,MAAMC,SAAQ,MAAE;AACvC,YAAMC,SAASZ,QAAQa,cAAcC,mBAAmBC,MAAM;AAC9D,YAAM,EAAEC,KAAI,IAAK,MAAMC,gBAAQC,SAAS;QACtCN;QACAH;QACAC;QACAC;MACF,CAAA;AACA,aAAO;QAAEQ,MAAM;UAAEC,QAAQJ;QAAK;MAAE;IAClC;EACF,CAAA;CACD;",
+  "names": ["Capabilities", "contributes", "createResolver", "ClientCapabilities", "context", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "MasonryAction", "CreateMasonry", "resolve", "space", "name", "typename", "client", "getCapability", "ClientCapabilities", "Client", "view", "Masonry", "makeView", "data", "object"]
+}

package/dist/lib/node-esm/meta.json

@@ -0,0 +1 @@
+{"inputs":{"src/meta.ts":{"bytes":1386,"imports":[],"format":"esm"},"src/components/MasonryContainer.tsx":{"bytes":9583,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-masonry","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"format":"esm"},"src/types/Masonry.ts":{"bytes":4859,"imports":[{"path":"effect/Schema","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":3380,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"}],"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.tsx":{"bytes":3363,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"src/components/MasonryContainer.tsx","kind":"import-statement","original":"../components/MasonryContainer"},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/capabilities/intent-resolver.ts":{"bytes":3143,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"src/capabilities/index.ts":{"bytes":1037,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/capabilities/react-surface.tsx","kind":"dynamic-import","original":"./react-surface"},{"path":"src/capabilities/intent-resolver.ts","kind":"dynamic-import","original":"./intent-resolver"}],"format":"esm"},"src/translations.ts":{"bytes":2098,"imports":[{"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":7674,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","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/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5061},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-Z4PPM6OA.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/node-esm/react-surface-YTC42VZ3.mjs","kind":"dynamic-import"},{"path":"dist/lib/node-esm/intent-resolver-VVQIEZTT.mjs","kind":"dynamic-import"}],"exports":["MasonryPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/MasonryPlugin.tsx":{"bytesInOutput":1657},"src/capabilities/index.ts":{"bytesInOutput":190},"src/translations.ts":{"bytesInOutput":382}},"bytes":2589},"dist/lib/node-esm/react-surface-YTC42VZ3.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6560},"dist/lib/node-esm/react-surface-YTC42VZ3.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-Z4PPM6OA.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/echo/internal","kind":"import-statement","external":true},{"path":"@dxos/plugin-search","kind":"import-statement","external":true},{"path":"@dxos/react-client","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/react-ui-masonry","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface.tsx","inputs":{"src/capabilities/react-surface.tsx":{"bytesInOutput":637},"src/components/MasonryContainer.tsx":{"bytesInOutput":2615}},"bytes":3627},"dist/lib/node-esm/intent-resolver-VVQIEZTT.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1597},"dist/lib/node-esm/intent-resolver-VVQIEZTT.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-Z4PPM6OA.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/intent-resolver.ts","inputs":{"src/capabilities/intent-resolver.ts":{"bytesInOutput":634}},"bytes":952},"dist/lib/node-esm/chunk-Z4PPM6OA.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4952},"dist/lib/node-esm/chunk-Z4PPM6OA.mjs":{"imports":[{"path":"effect/Schema","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/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"exports":["MasonryAction_exports","Masonry_exports","meta"],"inputs":{"src/meta.ts":{"bytesInOutput":280},"src/types/Masonry.ts":{"bytesInOutput":1002},"src/types/MasonryAction.ts":{"bytesInOutput":868},"src/types/index.ts":{"bytesInOutput":0}},"bytes":2589}}}

package/dist/lib/node-esm/react-surface-YTC42VZ3.mjs

@@ -0,0 +1,113 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  Masonry_exports,
+  meta
+} from "./chunk-Z4PPM6OA.mjs";
+
+// src/capabilities/react-surface.tsx
+import React2 from "react";
+import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
+import { Obj } from "@dxos/echo";
+import { DataType } from "@dxos/schema";
+
+// src/components/MasonryContainer.tsx
+import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+import React, { useEffect, useMemo, useState } from "react";
+import { Surface } from "@dxos/app-framework";
+import { Filter, Type } from "@dxos/echo";
+import { EchoSchema } from "@dxos/echo/internal";
+import { useGlobalFilteredObjects } from "@dxos/plugin-search";
+import { useClient } from "@dxos/react-client";
+import { getSpace, useQuery } from "@dxos/react-client/echo";
+import { Masonry } from "@dxos/react-ui-masonry";
+import { ProjectionModel, getTypenameFromQuery } from "@dxos/schema";
+var Item = ({ data }) => {
+  var _effect = _useSignals();
+  try {
+    return /* @__PURE__ */ React.createElement(Surface, {
+      role: "card",
+      limit: 1,
+      data: {
+        subject: data
+      }
+    });
+  } finally {
+    _effect.f();
+  }
+};
+var MasonryContainer = ({ view, role }) => {
+  var _effect = _useSignals();
+  try {
+    const client = useClient();
+    const space = getSpace(view);
+    const typename = view.query ? getTypenameFromQuery(view.query.ast) : void 0;
+    const [cardSchema, setCardSchema] = useState();
+    const [projection, setProjection] = useState();
+    const jsonSchema = useMemo(() => {
+      if (!cardSchema) return void 0;
+      return cardSchema instanceof EchoSchema ? cardSchema.jsonSchema : Type.toJsonSchema(cardSchema);
+    }, [
+      cardSchema
+    ]);
+    useEffect(() => {
+      const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);
+      if (staticSchema) {
+        setCardSchema(() => staticSchema);
+      }
+      if (!staticSchema && typename && space) {
+        const query = space.db.schemaRegistry.query({
+          typename
+        });
+        const unsubscribe = query.subscribe(() => {
+          const [schema] = query.results;
+          if (schema) {
+            setCardSchema(schema);
+          }
+        }, {
+          fire: true
+        });
+        return unsubscribe;
+      }
+    }, [
+      typename,
+      space
+    ]);
+    useEffect(() => {
+      if (jsonSchema) {
+        setProjection(new ProjectionModel(jsonSchema, view.projection));
+      }
+    }, [
+      view.projection,
+      JSON.stringify(jsonSchema)
+    ]);
+    const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
+    const filteredObjects = useGlobalFilteredObjects(objects);
+    return /* @__PURE__ */ React.createElement(Masonry.Root, {
+      items: filteredObjects,
+      render: Item,
+      classNames: "is-full max-is-full bs-full max-bs-full overflow-y-auto p-4"
+    });
+  } finally {
+    _effect.f();
+  }
+};
+
+// src/capabilities/react-surface.tsx
+var react_surface_default = (() => contributes(Capabilities.ReactSurface, [
+  createSurface({
+    id: meta.id,
+    role: [
+      "article",
+      "section"
+    ],
+    filter: (data) => Obj.instanceOf(DataType.View, data.subject) && Obj.instanceOf(Masonry_exports.Masonry, data.subject.presentation?.target),
+    component: ({ data, role }) => /* @__PURE__ */ React2.createElement(MasonryContainer, {
+      view: data.subject,
+      role
+    })
+  })
+]));
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-YTC42VZ3.mjs.map

package/dist/lib/node-esm/react-surface-YTC42VZ3.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/MasonryContainer.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { DataType } from '@dxos/schema';\n\nimport { MasonryContainer } from '../components/MasonryContainer';\nimport { meta } from '../meta';\nimport { Masonry } from '../types';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: meta.id,\n      role: ['article', 'section'],\n      filter: (data): data is { subject: DataType.View } =>\n        Obj.instanceOf(DataType.View, data.subject) &&\n        Obj.instanceOf(Masonry.Masonry, data.subject.presentation?.target),\n      component: ({ data, role }) => <MasonryContainer view={data.subject} role={role} />,\n    }),\n  ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { Filter, Type } from '@dxos/echo';\nimport { EchoSchema, type TypedObject } from '@dxos/echo/internal';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { useClient } from '@dxos/react-client';\nimport { getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Masonry } from '@dxos/react-ui-masonry';\nimport { type DataType, ProjectionModel, getTypenameFromQuery } from '@dxos/schema';\n\nconst Item = ({ data }: { data: any }) => {\n  return <Surface role='card' limit={1} data={{ subject: data }} />;\n};\n\nexport const MasonryContainer = ({ view, role }: { view: DataType.View; role: string }) => {\n  const client = useClient();\n  const space = getSpace(view);\n  const typename = view.query ? getTypenameFromQuery(view.query.ast) : undefined;\n\n  const [cardSchema, setCardSchema] = useState<TypedObject<any, any>>();\n  const [projection, setProjection] = useState<ProjectionModel>();\n\n  const jsonSchema = useMemo(() => {\n    if (!cardSchema) return undefined;\n    return cardSchema instanceof EchoSchema ? cardSchema.jsonSchema : Type.toJsonSchema(cardSchema);\n  }, [cardSchema]);\n\n  useEffect(() => {\n    const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);\n    if (staticSchema) {\n      setCardSchema(() => staticSchema as TypedObject<any, any>);\n    }\n    if (!staticSchema && typename && space) {\n      const query = space.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  }, [typename, space]);\n\n  useEffect(() => {\n    if (jsonSchema) {\n      setProjection(new ProjectionModel(jsonSchema, view.projection));\n    }\n  }, [view.projection, JSON.stringify(jsonSchema)]);\n\n  const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());\n  const filteredObjects = useGlobalFilteredObjects(objects);\n\n  return (\n    <Masonry.Root\n      items={filteredObjects}\n      render={Item as any}\n      classNames='is-full max-is-full bs-full max-bs-full overflow-y-auto p-4'\n    />\n  );\n};\n"],
+  "mappings": ";;;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,WAAW;AACpB,SAASC,gBAAgB;;;;ACJzB,OAAOC,SAASC,WAAWC,SAASC,gBAAgB;AAEpD,SAASC,eAAe;AACxB,SAASC,QAAQC,YAAY;AAC7B,SAASC,kBAAoC;AAC7C,SAASC,gCAAgC;AACzC,SAASC,iBAAiB;AAC1B,SAASC,UAAUC,gBAAgB;AACnC,SAASC,eAAe;AACxB,SAAwBC,iBAAiBC,4BAA4B;AAErE,IAAMC,OAAO,CAAC,EAAEC,KAAI,MAAiB;;;AACnC,WAAO,sBAAA,cAACC,SAAAA;MAAQC,MAAK;MAAOC,OAAO;MAAGH,MAAM;QAAEI,SAASJ;MAAK;;;;;AAC9D;AAEO,IAAMK,mBAAmB,CAAC,EAAEC,MAAMJ,KAAI,MAAyC;;;AACpF,UAAMK,SAASC,UAAAA;AACf,UAAMC,QAAQC,SAASJ,IAAAA;AACvB,UAAMK,WAAWL,KAAKM,QAAQC,qBAAqBP,KAAKM,MAAME,GAAG,IAAIC;AAErE,UAAM,CAACC,YAAYC,aAAAA,IAAiBC,SAAAA;AACpC,UAAM,CAACC,YAAYC,aAAAA,IAAiBF,SAAAA;AAEpC,UAAMG,aAAaC,QAAQ,MAAA;AACzB,UAAI,CAACN,WAAY,QAAOD;AACxB,aAAOC,sBAAsBO,aAAaP,WAAWK,aAAaG,KAAKC,aAAaT,UAAAA;IACtF,GAAG;MAACA;KAAW;AAEfU,cAAU,MAAA;AACR,YAAMC,eAAepB,OAAOqB,MAAMC,eAAeC,QAAQC,KAAK,CAACC,WAAWR,KAAKS,YAAYD,MAAAA,MAAYrB,QAAAA;AACvG,UAAIgB,cAAc;AAChBV,sBAAc,MAAMU,YAAAA;MACtB;AACA,UAAI,CAACA,gBAAgBhB,YAAYF,OAAO;AACtC,cAAMG,QAAQH,MAAMyB,GAAGL,eAAejB,MAAM;UAAED;QAAS,CAAA;AACvD,cAAMwB,cAAcvB,MAAMwB,UACxB,MAAA;AACE,gBAAM,CAACJ,MAAAA,IAAUpB,MAAMyB;AACvB,cAAIL,QAAQ;AACVf,0BAAce,MAAAA;UAChB;QACF,GACA;UAAEM,MAAM;QAAK,CAAA;AAEf,eAAOH;MACT;IACF,GAAG;MAACxB;MAAUF;KAAM;AAEpBiB,cAAU,MAAA;AACR,UAAIL,YAAY;AACdD,sBAAc,IAAImB,gBAAgBlB,YAAYf,KAAKa,UAAU,CAAA;MAC/D;IACF,GAAG;MAACb,KAAKa;MAAYqB,KAAKC,UAAUpB,UAAAA;KAAY;AAEhD,UAAMqB,UAAUC,SAASlC,OAAOO,aAAa4B,OAAOC,KAAK7B,UAAAA,IAAc4B,OAAOE,QAAO,CAAA;AACrF,UAAMC,kBAAkBC,yBAAyBN,OAAAA;AAEjD,WACE,sBAAA,cAACO,QAAQC,MAAI;MACXC,OAAOJ;MACPK,QAAQrD;MACRsD,YAAW;;;;;AAGjB;;;ADtDA,IAAA,yBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SACPC,IAAIC,WAAWC,SAASC,MAAMJ,KAAKK,OAAO,KAC1CJ,IAAIC,WAAWI,gBAAQA,SAASN,KAAKK,QAAQE,cAAcC,MAAAA;IAC7DC,WAAW,CAAC,EAAET,MAAMF,KAAI,MAAO,gBAAAY,OAAA,cAACC,kBAAAA;MAAiBC,MAAMZ,KAAKK;MAASP;;EACvE,CAAA;CACD;",
+  "names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "DataType", "React", "useEffect", "useMemo", "useState", "Surface", "Filter", "Type", "EchoSchema", "useGlobalFilteredObjects", "useClient", "getSpace", "useQuery", "Masonry", "ProjectionModel", "getTypenameFromQuery", "Item", "data", "Surface", "role", "limit", "subject", "MasonryContainer", "view", "client", "useClient", "space", "getSpace", "typename", "query", "getTypenameFromQuery", "ast", "undefined", "cardSchema", "setCardSchema", "useState", "projection", "setProjection", "jsonSchema", "useMemo", "EchoSchema", "Type", "toJsonSchema", "useEffect", "staticSchema", "graph", "schemaRegistry", "schemas", "find", "schema", "getTypename", "db", "unsubscribe", "subscribe", "results", "fire", "ProjectionModel", "JSON", "stringify", "objects", "useQuery", "Filter", "type", "nothing", "filteredObjects", "useGlobalFilteredObjects", "Masonry", "Root", "items", "render", "classNames", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "DataType", "View", "subject", "Masonry", "presentation", "target", "component", "React", "MasonryContainer", "view"]
+}

package/dist/types/src/MasonryPlugin.d.ts

@@ -0,0 +1,2 @@
+export declare const MasonryPlugin: import("@dxos/app-framework").PluginFactory<void>;
+//# sourceMappingURL=MasonryPlugin.d.ts.map

package/dist/types/src/MasonryPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasonryPlugin.d.ts","sourceRoot":"","sources":["../../../src/MasonryPlugin.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,aAAa,mDA8CxB,CAAC"}

package/dist/types/src/capabilities/index.d.ts

@@ -0,0 +1,3 @@
+export declare const ReactSurface: (props?: unknown) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<import("@dxos/app-framework").Capabilities.ReactSurface>> | import("@dxos/app-framework").AnyCapability[]>>;
+export declare const IntentResolver: (props?: import("@dxos/app-framework").PluginContext | undefined) => Promise<() => Promise<import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<import("@dxos/app-framework").Capabilities.IntentResolver>> | import("@dxos/app-framework").AnyCapability[]>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/capabilities/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,4OAAwC,CAAC;AAClE,eAAO,MAAM,cAAc,8RAA0C,CAAC"}

package/dist/types/src/capabilities/intent-resolver.d.ts

@@ -0,0 +1,4 @@
+import { Capabilities, type PluginContext } from '@dxos/app-framework';
+declare const _default: (context: PluginContext) => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.IntentResolver>>;
+export default _default;
+//# sourceMappingURL=intent-resolver.d.ts.map

package/dist/types/src/capabilities/intent-resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"intent-resolver.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/intent-resolver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAA+B,MAAM,qBAAqB,CAAC;yBAKpF,SAAS,aAAa;AAAtC,wBAeK"}

package/dist/types/src/capabilities/react-surface.d.ts

@@ -0,0 +1,4 @@
+import { Capabilities } from '@dxos/app-framework';
+declare const _default: () => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.ReactSurface>>;
+export default _default;
+//# sourceMappingURL=react-surface.d.ts.map

package/dist/types/src/capabilities/react-surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAA8B,MAAM,qBAAqB,CAAC;;AAQ/E,wBAUK"}

package/dist/types/src/components/MasonryContainer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { type DataType } from '@dxos/schema';
+export declare const MasonryContainer: ({ view, role }: {
+    view: DataType.View;
+    role: string;
+}) => React.JSX.Element;
+//# sourceMappingURL=MasonryContainer.d.ts.map

package/dist/types/src/components/MasonryContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasonryContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/MasonryContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,OAAO,EAAE,KAAK,QAAQ,EAAyC,MAAM,cAAc,CAAC;AAMpF,eAAO,MAAM,gBAAgB,GAAI,gBAAgB;IAAE,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,sBAiDrF,CAAC"}

package/dist/types/src/components/MasonryContainer.stories.d.ts

@@ -0,0 +1,15 @@
+import { type StoryObj } from '@storybook/react-vite';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: () => React.JSX.Element | null;
+    render: () => React.JSX.Element;
+    decorators: import("@storybook/react").Decorator[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+//# sourceMappingURL=MasonryContainer.stories.d.ts.map

package/dist/types/src/components/MasonryContainer.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasonryContainer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/MasonryContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAA8B,MAAM,OAAO,CAAC;AAqCnD,QAAA,MAAM,IAAI;;;;;;;;CAkCM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './meta';
+export * from './MasonryPlugin';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAIA,cAAc,QAAQ,CAAC;AAEvB,cAAc,iBAAiB,CAAC"}

package/dist/types/src/meta.d.ts

@@ -0,0 +1,3 @@
+import { type PluginMeta } from '@dxos/app-framework';
+export declare const meta: PluginMeta;
+//# sourceMappingURL=meta.d.ts.map

package/dist/types/src/meta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/meta.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,eAAO,MAAM,IAAI,EAAE,UAOlB,CAAC"}

package/dist/types/src/translations.d.ts

@@ -0,0 +1,17 @@
+import { meta } from './meta';
+import { Masonry } from './types';
+export declare const translations: [{
+    readonly 'en-US': {
+        readonly [Masonry.Masonry.typename]: {
+            readonly 'typename label': "Masonry";
+            readonly 'typename label_zero': "Masonries";
+            readonly 'typename label_one': "Masonry";
+            readonly 'typename label_other': "Masonries";
+            readonly 'object name placeholder': "New masonry";
+        };
+        readonly [meta.id]: {
+            readonly 'plugin name': "Masonry";
+        };
+    };
+}];
+//# sourceMappingURL=translations.d.ts.map

package/dist/types/src/translations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.d.ts","sourceRoot":"","sources":["../../../src/translations.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,eAAO,MAAM,YAAY;;QAGnB,SAAA,CAAC,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC;;;;;;UAMzB;QACD,SAAA,CAAC,IAAI,CAAC,EAAE,CAAC;;UAER;;EAGwB,CAAC"}

package/dist/types/src/types/Masonry.d.ts

@@ -0,0 +1,27 @@
+import * as Schema from 'effect/Schema';
+import { Obj, Type } from '@dxos/echo';
+import { type JsonSchemaType, toEffectSchema } from '@dxos/echo/internal';
+import { type CreateViewFromSpaceProps, type DataType } from '@dxos/schema';
+export declare const Masonry: Type.obj<Schema.Struct<{
+    arrangement: Schema.optional<Schema.mutable<Schema.Array$<Schema.mutable<Schema.Struct<{
+        ids: Schema.Array$<import("@dxos/keys").ObjectIdClass>;
+        hidden: Schema.optional<typeof Schema.Boolean>;
+    }>>>>>;
+}>>;
+export type Masonry = Schema.Schema.Type<typeof Masonry>;
+/**
+ * Make a masonry object.
+ */
+export declare const make: (props?: Obj.MakeProps<typeof Masonry>) => import("@dxos/live-object").Live<Type.OfKind<import("@dxos/echo/internal").EntityKind.Object> & {
+    arrangement?: {
+        hidden?: boolean | undefined;
+        ids: readonly string[];
+    }[] | undefined;
+}>;
+export type MakeViewProps = Omit<CreateViewFromSpaceProps, 'presentation'>;
+export declare const makeView: ({ ...props }: MakeViewProps) => Promise<{
+    jsonSchema: JsonSchemaType;
+    view: DataType.View;
+    schema: ReturnType<typeof toEffectSchema>;
+}>;
+//# sourceMappingURL=Masonry.d.ts.map

package/dist/types/src/types/Masonry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Masonry.d.ts","sourceRoot":"","sources":["../../../../src/types/Masonry.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,KAAK,cAAc,EAAkB,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC1F,OAAO,EAAE,KAAK,wBAAwB,EAAE,KAAK,QAAQ,EAAuB,MAAM,cAAc,CAAC;AAEjG,eAAO,MAAM,OAAO;;;;;GAcnB,CAAC;AAEF,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,OAAO,CAAC,CAAC;AAEzD;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,QAAO,GAAG,CAAC,SAAS,CAAC,OAAO,OAAO,CAAM;;;;;EAA6B,CAAC;AAE5F,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,wBAAwB,EAAE,cAAc,CAAC,CAAC;AAE3E,eAAO,MAAM,QAAQ,GAAU,cAE5B,aAAa,KAAG,OAAO,CAAC;IACzB,UAAU,EAAE,cAAc,CAAC;IAC3B,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC;IACpB,MAAM,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;CAC3C,CAQA,CAAC"}

package/dist/types/src/types/MasonryAction.d.ts

@@ -0,0 +1,23 @@
+import * as Schema from 'effect/Schema';
+import { DataType } from '@dxos/schema';
+export declare const MasonryProps: Schema.Struct<{
+    name: Schema.optional<typeof Schema.String>;
+    typename: Schema.optional<Schema.SchemaClass<string, string, never>>;
+}>;
+declare const CreateMasonry_base: Schema.TaggedClass<CreateMasonry, `${string}/create`, {
+    readonly _tag: Schema.tag<`${string}/create`>;
+} & {
+    input: Schema.extend<Schema.Struct<{
+        space: Schema.Schema<import("@dxos/client-protocol").Space, import("@dxos/client-protocol").Space, never>;
+    }>, Schema.Struct<{
+        name: Schema.optional<typeof Schema.String>;
+        typename: Schema.optional<Schema.SchemaClass<string, string, never>>;
+    }>>;
+    output: Schema.Struct<{
+        object: Schema.Schema<DataType.View, import("@dxos/schema").ViewEncoded, never>;
+    }>;
+}>;
+export declare class CreateMasonry extends CreateMasonry_base {
+}
+export {};
+//# sourceMappingURL=MasonryAction.d.ts.map

package/dist/types/src/types/MasonryAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasonryAction.d.ts","sourceRoot":"","sources":["../../../../src/types/MasonryAction.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAGxC,OAAO,EAAE,QAAQ,EAAwB,MAAM,cAAc,CAAC;AAM9D,eAAO,MAAM,YAAY;;;EAQvB,CAAC;;;;;;;;;;;;;;AAEH,qBAAa,aAAc,SAAQ,kBAKjC;CAAG"}

package/dist/types/src/types/index.d.ts

@@ -0,0 +1,3 @@
+export * as Masonry from './Masonry';
+export * as MasonryAction from './MasonryAction';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC"}