@dxos/plugin-masonry 0.8.4-main.e8ec1fe → 0.8.4-main.fcc0d83b33

package/dist/lib/browser/chunk-J5LGTIGS.mjs

@@ -0,0 +1,10 @@
+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-J5LGTIGS.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/lib/browser/index.mjs

@@ -1,85 +1,69 @@
-import {
-  MasonryAction_exports,
-  Masonry_exports,
-  meta
-} from "./chunk-Z4ORTGID.mjs";
-
-// src/MasonryPlugin.tsx
-import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from "@dxos/app-framework";
-import { ClientEvents } from "@dxos/plugin-client";
-import { SpaceCapabilities } from "@dxos/plugin-space";
-import { defineObjectForm } from "@dxos/plugin-space/types";
+import "./chunk-J5LGTIGS.mjs";
 
-// src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var ReactSurface = lazy(() => import("./react-surface-EUN65F5S.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-TCILFRP3.mjs"));
-
-// src/translations.ts
-var translations = [
-  {
-    "en-US": {
-      [Masonry_exports.Masonry.typename]: {
-        "typename label": "Masonry",
-        "typename label_zero": "Masonries",
-        "typename label_one": "Masonry",
-        "typename label_other": "Masonries",
-        "object name placeholder": "New masonry"
-      },
-      [meta.id]: {
-        "plugin name": "Masonry"
-      }
-    }
-  }
-];
+// 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: []
+};
 
 // src/MasonryPlugin.tsx
-var MasonryPlugin = definePlugin(meta, () => [
-  defineModule({
-    id: `${meta.id}/module/translations`,
-    activatesOn: Events.SetupTranslations,
-    activate: () => contributes(Capabilities.Translations, translations)
-  }),
-  defineModule({
-    id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupReactSurface,
-    activate: ReactSurface
-  }),
-  defineModule({
-    id: `${meta.id}/module/metadata`,
-    activatesOn: Events.SetupMetadata,
-    activate: () => contributes(Capabilities.Metadata, {
-      id: Masonry_exports.Masonry.typename,
-      metadata: {
-        icon: "ph--wall--regular",
-        iconHue: "green"
-      }
-    })
-  }),
-  defineModule({
-    id: `${meta.id}/module/object-form`,
-    activatesOn: ClientEvents.SetupSchema,
-    activate: () => contributes(SpaceCapabilities.ObjectForm, defineObjectForm({
-      objectSchema: Masonry_exports.Masonry,
-      formSchema: MasonryAction_exports.MasonryProps,
-      hidden: true,
-      getIntent: (props, options) => createIntent(MasonryAction_exports.CreateMasonry, {
-        ...props,
-        space: options.space
+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 { Operation } from "@dxos/compute";
+import { Annotation, Type } from "@dxos/echo";
+import { SpaceOperation } from "@dxos/plugin-space/operations";
+import { ViewModel } from "@dxos/schema";
+import { ReactSurface } from "#capabilities";
+import { meta as meta2 } from "#meta";
+import { translations } from "#translations";
+import { Masonry, MasonryAction } from "#types";
+var MasonryPlugin = Plugin.define(meta2).pipe(AppPlugin.addMetadataModule({
+  metadata: {
+    id: Type.getTypename(Masonry.Masonry),
+    metadata: {
+      icon: Annotation.IconAnnotation.get(Masonry.Masonry).pipe(Option.getOrThrow).icon,
+      iconHue: Annotation.IconAnnotation.get(Masonry.Masonry).pipe(Option.getOrThrow).hue ?? "white",
+      inputSchema: MasonryAction.MasonryProps,
+      createObject: (props, options) => Effect.gen(function* () {
+        const object = yield* Effect.promise(async () => {
+          const { view } = await ViewModel.makeFromDatabase({
+            db: options.db,
+            typename: props.typename
+          });
+          return Masonry.make({
+            name: props.name,
+            view
+          });
+        });
+        return yield* Operation.invoke(SpaceOperation.AddObject, {
+          object,
+          target: options.target,
+          hidden: true,
+          targetNodeId: options.targetNodeId
+        });
       })
-    }))
-  }),
-  defineModule({
-    id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupReactSurface,
-    activate: ReactSurface
-  }),
-  defineModule({
-    id: `${meta.id}/module/intent-resolver`,
-    activatesOn: Events.SetupIntentResolver,
-    activate: IntentResolver
-  })
-]);
+    }
+  }
+}), AppPlugin.addSchemaModule({
+  schema: [
+    Masonry.Masonry
+  ]
+}), AppPlugin.addSurfaceModule({
+  activate: ReactSurface
+}), AppPlugin.addTranslationsModule({
+  translations
+}), Plugin.make);
 export {
   MasonryPlugin,
   meta

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

@@ -1,7 +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          iconHue: 'green',\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;QACNC,SAAS;MACX;IACF,CAAA;EACJ,CAAA;EACAlB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaiB,aAAaC;IAC1Bf,UAAU,MACRC,YACEe,kBAAkBC,YAClBC,iBAAiB;MACfC,cAAcV,gBAAQA;MACtBW,YAAYC,sBAAcC;MAC1BC,QAAQ;MACRC,WAAW,CAACC,OAAOC,YAAYC,aAAaN,sBAAcO,eAAe;QAAE,GAAGH;QAAOI,OAAOH,QAAQG;MAAM,CAAA;IAC5G,CAAA,CAAA;EAEN,CAAA;EACAlC,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOO;IACpBL,UAAUM;EACZ,CAAA;EACAX,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOgC;IACpB9B,UAAU+B;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", "iconHue", "ClientEvents", "SetupSchema", "SpaceCapabilities", "ObjectForm", "defineObjectForm", "objectSchema", "formSchema", "MasonryAction", "MasonryProps", "hidden", "getIntent", "props", "options", "createIntent", "CreateMasonry", "space", "SetupIntentResolver", "IntentResolver"]
+  "sources": ["../../../src/meta.ts", "../../../src/MasonryPlugin.tsx"],
+  "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", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport * as Option from 'effect/Option';\n\nimport { Plugin } from '@dxos/app-framework';\nimport { AppPlugin } from '@dxos/app-toolkit';\nimport { Operation } from '@dxos/compute';\nimport { Annotation, Type } from '@dxos/echo';\nimport { SpaceOperation } from '@dxos/plugin-space/operations';\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, options) =>\n          Effect.gen(function* () {\n            const object = yield* Effect.promise(async () => {\n              const { view } = await ViewModel.makeFromDatabase({ db: options.db, typename: props.typename });\n              return Masonry.make({ name: props.name, view });\n            });\n            return yield* Operation.invoke(SpaceOperation.AddObject, {\n              object,\n              target: options.target,\n              hidden: true,\n              targetNodeId: options.targetNodeId,\n            });\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"],
+  "mappings": ";;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaJ;;;;EAIbK,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;;;ACdA,YAAYC,YAAY;AACxB,YAAYC,YAAY;AAExB,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,iBAAiB;AAC1B,SAASC,YAAYC,YAAY;AACjC,SAASC,sBAAsB;AAE/B,SAASC,iBAAiB;AAE1B,SAASC,oBAAoB;AAC7B,SAASC,QAAAA,aAAY;AACrB,SAASC,oBAAoB;AAC7B,SAASC,SAASC,qBAAqB;AAEhC,IAAMC,gBAAgBZ,OAAOa,OAAOL,KAAAA,EAAMM,KAC/Cb,UAAUc,kBAAkB;EAC1BC,UAAU;IACRC,IAAIb,KAAKc,YAAYR,QAAQA,OAAO;IACpCM,UAAU;MACRG,MAAMhB,WAAWiB,eAAeC,IAAIX,QAAQA,OAAO,EAAEI,KAAYQ,iBAAU,EAAEH;MAC7EI,SAASpB,WAAWiB,eAAeC,IAAIX,QAAQA,OAAO,EAAEI,KAAYQ,iBAAU,EAAEE,OAAO;MACvFC,aAAad,cAAce;MAC3BC,cAAe,CAACC,OAAOC,YACdC,WAAI,aAAA;AACT,cAAMC,SAAS,OAAcC,eAAQ,YAAA;AACnC,gBAAM,EAAEC,KAAI,IAAK,MAAM3B,UAAU4B,iBAAiB;YAAEC,IAAIN,QAAQM;YAAIC,UAAUR,MAAMQ;UAAS,CAAA;AAC7F,iBAAO1B,QAAQ2B,KAAK;YAAEC,MAAMV,MAAMU;YAAML;UAAK,CAAA;QAC/C,CAAA;AACA,eAAO,OAAO/B,UAAUqC,OAAOlC,eAAemC,WAAW;UACvDT;UACAU,QAAQZ,QAAQY;UAChBC,QAAQ;UACRC,cAAcd,QAAQc;QACxB,CAAA;MACF,CAAA;IACJ;EACF;AACF,CAAA,GACA1C,UAAU2C,gBAAgB;EAAEC,QAAQ;IAACnC,QAAQA;;AAAS,CAAA,GACtDT,UAAU6C,iBAAiB;EAAEC,UAAUxC;AAAa,CAAA,GACpDN,UAAU+C,sBAAsB;EAAEvC;AAAa,CAAA,GAC/CT,OAAOqC,IAAI;",
+  "names": ["trim", "meta", "id", "name", "description", "icon", "iconHue", "source", "screenshots", "Effect", "Option", "Plugin", "AppPlugin", "Operation", "Annotation", "Type", "SpaceOperation", "ViewModel", "ReactSurface", "meta", "translations", "Masonry", "MasonryAction", "MasonryPlugin", "define", "pipe", "addMetadataModule", "metadata", "id", "getTypename", "icon", "IconAnnotation", "get", "getOrThrow", "iconHue", "hue", "inputSchema", "MasonryProps", "createObject", "props", "options", "gen", "object", "promise", "view", "makeFromDatabase", "db", "typename", "make", "name", "invoke", "AddObject", "target", "hidden", "targetNodeId", "addSchemaModule", "schema", "addSurfaceModule", "activate", "addTranslationsModule"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"src/meta.ts":{"bytes":1970,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/MasonryContainer.tsx":{"bytes":9585,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework/react","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":4763,"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":3507,"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":3311,"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":7784,"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/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5111},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-Z4ORTGID.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/browser/react-surface-EUN65F5S.mjs","kind":"dynamic-import"},{"path":"dist/lib/browser/intent-resolver-TCILFRP3.mjs","kind":"dynamic-import"}],"exports":["MasonryPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0},"src/MasonryPlugin.tsx":{"bytesInOutput":1683},"src/capabilities/index.ts":{"bytesInOutput":190},"src/translations.ts":{"bytesInOutput":382}},"bytes":2523},"dist/lib/browser/react-surface-EUN65F5S.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6516},"dist/lib/browser/react-surface-EUN65F5S.mjs":{"imports":[{"path":"dist/lib/browser/chunk-Z4ORTGID.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/react","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":629},"src/components/MasonryContainer.tsx":{"bytesInOutput":2621}},"bytes":3533},"dist/lib/browser/intent-resolver-TCILFRP3.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1596},"dist/lib/browser/intent-resolver-TCILFRP3.mjs":{"imports":[{"path":"dist/lib/browser/chunk-Z4ORTGID.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":860},"dist/lib/browser/chunk-Z4ORTGID.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5181},"dist/lib/browser/chunk-Z4ORTGID.mjs":{"imports":[{"path":"@dxos/util","kind":"import-statement","external":true},{"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":482},"src/types/Masonry.ts":{"bytesInOutput":986},"src/types/MasonryAction.ts":{"bytesInOutput":931},"src/types/index.ts":{"bytesInOutput":0}},"bytes":2746}}}
+{"inputs":{"src/meta.ts":{"bytes":1885,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/MasonryPlugin.tsx":{"bytes":7313,"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/compute","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/operations","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"#types","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":473,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/MasonryPlugin.tsx","kind":"import-statement","original":"./MasonryPlugin"}],"format":"esm"},"src/translations.ts":{"bytes":2723,"imports":[{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#types","kind":"import-statement","external":true}],"format":"esm"},"src/types/Masonry.ts":{"bytes":4815,"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":2149,"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":616,"imports":[{"path":"src/types/Masonry.ts","kind":"import-statement","original":"./Masonry"},{"path":"src/types/MasonryAction.ts","kind":"import-statement","original":"./MasonryAction"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4572},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-J5LGTIGS.mjs","kind":"import-statement"},{"path":"@dxos/util","kind":"import-statement","external":true},{"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/compute","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/operations","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#translations","kind":"import-statement","external":true},{"path":"#types","kind":"import-statement","external":true}],"exports":["MasonryPlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/meta.ts":{"bytesInOutput":482},"src/index.ts":{"bytesInOutput":0},"src/MasonryPlugin.tsx":{"bytesInOutput":1725}},"bytes":2351},"dist/lib/browser/translations.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1326},"dist/lib/browser/translations.mjs":{"imports":[{"path":"dist/lib/browser/chunk-J5LGTIGS.mjs","kind":"import-statement"},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#types","kind":"import-statement","external":true}],"exports":["translations"],"entryPoint":"src/translations.ts","inputs":{"src/translations.ts":{"bytesInOutput":674}},"bytes":798},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3600},"dist/lib/browser/types/index.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":["Masonry","MasonryAction"],"entryPoint":"src/types/index.ts","inputs":{"src/types/Masonry.ts":{"bytesInOutput":1051},"src/types/index.ts":{"bytesInOutput":0},"src/types/MasonryAction.ts":{"bytesInOutput":596}},"bytes":1873},"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/translations.mjs

@@ -0,0 +1,30 @@
+import "./chunk-J5LGTIGS.mjs";
+
+// src/translations.ts
+import { Type } from "@dxos/echo";
+import { meta } from "#meta";
+import { Masonry } from "#types";
+var translations = [
+  {
+    "en-US": {
+      [Type.getTypename(Masonry.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"
+      }
+    }
+  }
+];
+export {
+  translations
+};
+//# sourceMappingURL=translations.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/translations.ts"],
+  "sourcesContent": ["//\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,SAASA,YAAY;AAGrB,SAASC,YAAY;AACrB,SAASC,eAAe;AAEjB,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACH,KAAKI,YAAYF,QAAQA,OAAO,CAAA,GAAI;QACnC,kBAAkB;QAClB,uBAAuB;QACvB,sBAAsB;QACtB,wBAAwB;QACxB,2BAA2B;QAC3B,oBAAoB;QACpB,uBAAuB;QACvB,uBAAuB;QACvB,wBAAwB;MAC1B;MACA,CAACD,KAAKI,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;",
+  "names": ["Type", "meta", "Masonry", "translations", "getTypename", "id"]
+}

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

@@ -0,0 +1,68 @@
+import {
+  __export
+} from "../chunk-J5LGTIGS.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([
+  "view"
+]), 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 as Masonry,
+  MasonryAction_exports as MasonryAction
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "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(['view']),\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,MAAMZ,IAAIA,IAAIE,KAAKA,IAAI,EAAEQ,KAAKP,oBAAoBU,IAAI,KAAA,CAAA;EAEtDC,aAAoBC,aACXR,cAAO;IACZS,KAAYD,aAAMhB,IAAIkB,EAAE;IACxBC,QAAeP,gBAAgBQ,cAAO;EACxC,CAAA,CAAA,EACAT,KAAKP,oBAAoBU,IAAI,KAAA,GAAeF,eAAQ;AAExD,CAAA,EAAGD,KACDT,KAAKmB,OAAO;EACVC,UAAU;EACVC,SAAS;AACX,CAAA,GACAlB,gBAAgBS,IAAI;EAAC;CAAO,GAC5BR,eAAeQ,IAAI;EAAC;CAAO,GAC3Bf,WAAWyB,eAAeV,IAAI;EAC5BW,MAAM;EACNC,KAAK;AACP,CAAA,CAAA;AAYK,IAAMC,OAAO,CAAC,EAAElB,MAAMM,cAAc,CAAA,GAAIF,KAAI,MAAa;AAC9D,SAAOb,IAAI2B,KAAKpB,SAAS;IAAEE;IAAMI,MAAMZ,IAAI0B,KAAKd,IAAAA;IAAOE;EAAY,CAAA;AACrE;;;AC/CA;;;;AAIA,YAAYa,aAAY;AAExB,SAASC,kCAAkC;AAEpC,IAAMC,eAAsBC,eAAO;EACxCC,MAAaC,iBAAgBC,cAAM;;EAEnCC,UAAiBD,eAAOE,KACfC,oBAAY;IAAEC,OAAO;EAAmB,CAAA,GAC/CT,2BAA2BU,IAAI;IAC7BC,UAAU;MAAC;MAAY;;IACvBC,MAAM;MAAC;;EACT,CAAA,GACOR,gBAAQ;AAEnB,CAAA;",
+  "names": ["Schema", "Annotation", "Obj", "Ref", "Type", "View", "FormInputAnnotation", "LabelAnnotation", "ViewAnnotation", "Masonry", "Struct", "name", "String", "pipe", "optional", "view", "set", "arrangement", "Array", "ids", "ID", "hidden", "Boolean", "object", "typename", "version", "IconAnnotation", "icon", "hue", "make", "Schema", "TypeInputOptionsAnnotation", "MasonryProps", "Struct", "name", "optional", "String", "typename", "pipe", "annotations", "title", "set", "location", "kind"]
+}

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

@@ -0,0 +1,11 @@
+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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -1,86 +1,70 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  MasonryAction_exports,
-  Masonry_exports,
-  meta
-} from "./chunk-K7UZDCYX.mjs";
-
-// src/MasonryPlugin.tsx
-import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from "@dxos/app-framework";
-import { ClientEvents } from "@dxos/plugin-client";
-import { SpaceCapabilities } from "@dxos/plugin-space";
-import { defineObjectForm } from "@dxos/plugin-space/types";
+import "./chunk-HSLMI22Q.mjs";
 
-// src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var ReactSurface = lazy(() => import("./react-surface-OUXYIQWW.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-ABCXBMFV.mjs"));
-
-// src/translations.ts
-var translations = [
-  {
-    "en-US": {
-      [Masonry_exports.Masonry.typename]: {
-        "typename label": "Masonry",
-        "typename label_zero": "Masonries",
-        "typename label_one": "Masonry",
-        "typename label_other": "Masonries",
-        "object name placeholder": "New masonry"
-      },
-      [meta.id]: {
-        "plugin name": "Masonry"
-      }
-    }
-  }
-];
+// 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: []
+};
 
 // src/MasonryPlugin.tsx
-var MasonryPlugin = definePlugin(meta, () => [
-  defineModule({
-    id: `${meta.id}/module/translations`,
-    activatesOn: Events.SetupTranslations,
-    activate: () => contributes(Capabilities.Translations, translations)
-  }),
-  defineModule({
-    id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupReactSurface,
-    activate: ReactSurface
-  }),
-  defineModule({
-    id: `${meta.id}/module/metadata`,
-    activatesOn: Events.SetupMetadata,
-    activate: () => contributes(Capabilities.Metadata, {
-      id: Masonry_exports.Masonry.typename,
-      metadata: {
-        icon: "ph--wall--regular",
-        iconHue: "green"
-      }
-    })
-  }),
-  defineModule({
-    id: `${meta.id}/module/object-form`,
-    activatesOn: ClientEvents.SetupSchema,
-    activate: () => contributes(SpaceCapabilities.ObjectForm, defineObjectForm({
-      objectSchema: Masonry_exports.Masonry,
-      formSchema: MasonryAction_exports.MasonryProps,
-      hidden: true,
-      getIntent: (props, options) => createIntent(MasonryAction_exports.CreateMasonry, {
-        ...props,
-        space: options.space
+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 { Operation } from "@dxos/compute";
+import { Annotation, Type } from "@dxos/echo";
+import { SpaceOperation } from "@dxos/plugin-space/operations";
+import { ViewModel } from "@dxos/schema";
+import { ReactSurface } from "#capabilities";
+import { meta as meta2 } from "#meta";
+import { translations } from "#translations";
+import { Masonry, MasonryAction } from "#types";
+var MasonryPlugin = Plugin.define(meta2).pipe(AppPlugin.addMetadataModule({
+  metadata: {
+    id: Type.getTypename(Masonry.Masonry),
+    metadata: {
+      icon: Annotation.IconAnnotation.get(Masonry.Masonry).pipe(Option.getOrThrow).icon,
+      iconHue: Annotation.IconAnnotation.get(Masonry.Masonry).pipe(Option.getOrThrow).hue ?? "white",
+      inputSchema: MasonryAction.MasonryProps,
+      createObject: (props, options) => Effect.gen(function* () {
+        const object = yield* Effect.promise(async () => {
+          const { view } = await ViewModel.makeFromDatabase({
+            db: options.db,
+            typename: props.typename
+          });
+          return Masonry.make({
+            name: props.name,
+            view
+          });
+        });
+        return yield* Operation.invoke(SpaceOperation.AddObject, {
+          object,
+          target: options.target,
+          hidden: true,
+          targetNodeId: options.targetNodeId
+        });
       })
-    }))
-  }),
-  defineModule({
-    id: `${meta.id}/module/react-surface`,
-    activatesOn: Events.SetupReactSurface,
-    activate: ReactSurface
-  }),
-  defineModule({
-    id: `${meta.id}/module/intent-resolver`,
-    activatesOn: Events.SetupIntentResolver,
-    activate: IntentResolver
-  })
-]);
+    }
+  }
+}), AppPlugin.addSchemaModule({
+  schema: [
+    Masonry.Masonry
+  ]
+}), AppPlugin.addSurfaceModule({
+  activate: ReactSurface
+}), AppPlugin.addTranslationsModule({
+  translations
+}), Plugin.make);
 export {
   MasonryPlugin,
   meta