@dxos/plugin-masonry 0.8.4-main.bc674ce → 0.8.4-main.bcb3aa67d6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/dist/lib/browser/chunk-J5LGTIGS.mjs +10 -0
  2. package/dist/lib/browser/chunk-J5LGTIGS.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +66 -43
  4. package/dist/lib/browser/index.mjs.map +4 -4
  5. package/dist/lib/browser/meta.json +1 -1
  6. package/dist/lib/browser/types/index.mjs +60 -3
  7. package/dist/lib/browser/types/index.mjs.map +4 -4
  8. package/dist/lib/node-esm/chunk-HSLMI22Q.mjs +11 -0
  9. package/dist/lib/node-esm/chunk-HSLMI22Q.mjs.map +7 -0
  10. package/dist/lib/node-esm/index.mjs +66 -43
  11. package/dist/lib/node-esm/index.mjs.map +4 -4
  12. package/dist/lib/node-esm/meta.json +1 -1
  13. package/dist/lib/node-esm/types/index.mjs +60 -3
  14. package/dist/lib/node-esm/types/index.mjs.map +4 -4
  15. package/dist/types/src/MasonryPlugin.d.ts.map +1 -1
  16. package/dist/types/src/capabilities/index.d.ts +2 -1
  17. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  18. package/dist/types/src/capabilities/react-surface.d.ts +5 -0
  19. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -0
  20. package/dist/types/src/components/index.d.ts +1 -0
  21. package/dist/types/src/components/index.d.ts.map +1 -0
  22. package/dist/types/src/{components → containers/MasonryContainer}/MasonryContainer.d.ts +2 -2
  23. package/dist/types/src/containers/MasonryContainer/MasonryContainer.d.ts.map +1 -0
  24. package/dist/types/src/containers/MasonryContainer/MasonryContainer.stories.d.ts.map +1 -0
  25. package/dist/types/src/containers/MasonryContainer/index.d.ts +3 -0
  26. package/dist/types/src/containers/MasonryContainer/index.d.ts.map +1 -0
  27. package/dist/types/src/containers/index.d.ts +3 -0
  28. package/dist/types/src/containers/index.d.ts.map +1 -0
  29. package/dist/types/src/translations.d.ts +20 -18
  30. package/dist/types/src/translations.d.ts.map +1 -1
  31. package/dist/types/src/types/Masonry.d.ts +3 -9
  32. package/dist/types/src/types/Masonry.d.ts.map +1 -1
  33. package/dist/types/src/types/MasonryAction.d.ts.map +1 -1
  34. package/dist/types/tsconfig.tsbuildinfo +1 -1
  35. package/package.json +38 -28
  36. package/src/MasonryPlugin.tsx +30 -16
  37. package/src/capabilities/index.ts +3 -1
  38. package/src/capabilities/{react-surface/react-surface.tsx → react-surface.tsx} +8 -7
  39. package/src/components/index.ts +3 -0
  40. package/src/{components → containers/MasonryContainer}/MasonryContainer.stories.tsx +7 -7
  41. package/src/containers/MasonryContainer/MasonryContainer.tsx +124 -0
  42. package/src/containers/MasonryContainer/index.ts +7 -0
  43. package/src/containers/index.ts +7 -0
  44. package/src/meta.ts +1 -1
  45. package/src/translations.ts +12 -11
  46. package/src/types/Masonry.ts +10 -23
  47. package/src/types/MasonryAction.ts +0 -1
  48. package/dist/lib/browser/chunk-S5JKAK4O.mjs +0 -78
  49. package/dist/lib/browser/chunk-S5JKAK4O.mjs.map +0 -7
  50. package/dist/lib/browser/chunk-U46AGJ2D.mjs +0 -19
  51. package/dist/lib/browser/chunk-U46AGJ2D.mjs.map +0 -7
  52. package/dist/lib/browser/react-surface-UCYEF4QU.mjs +0 -94
  53. package/dist/lib/browser/react-surface-UCYEF4QU.mjs.map +0 -7
  54. package/dist/lib/node-esm/chunk-P6EZJITS.mjs +0 -21
  55. package/dist/lib/node-esm/chunk-P6EZJITS.mjs.map +0 -7
  56. package/dist/lib/node-esm/chunk-YNA44I6R.mjs +0 -79
  57. package/dist/lib/node-esm/chunk-YNA44I6R.mjs.map +0 -7
  58. package/dist/lib/node-esm/react-surface-LG7FTGYA.mjs +0 -95
  59. package/dist/lib/node-esm/react-surface-LG7FTGYA.mjs.map +0 -7
  60. package/dist/types/src/capabilities/react-surface/index.d.ts +0 -3
  61. package/dist/types/src/capabilities/react-surface/index.d.ts.map +0 -1
  62. package/dist/types/src/capabilities/react-surface/react-surface.d.ts +0 -5
  63. package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +0 -1
  64. package/dist/types/src/components/MasonryContainer.d.ts.map +0 -1
  65. package/dist/types/src/components/MasonryContainer.stories.d.ts.map +0 -1
  66. package/src/capabilities/react-surface/index.ts +0 -7
  67. package/src/components/MasonryContainer.tsx +0 -79
  68. /package/dist/types/src/{components → containers/MasonryContainer}/MasonryContainer.stories.d.ts +0 -0
@@ -0,0 +1,10 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __export = (target, all) => {
3
+ for (var name in all)
4
+ __defProp(target, name, { get: all[name], enumerable: true });
5
+ };
6
+
7
+ export {
8
+ __export
9
+ };
10
+ //# sourceMappingURL=chunk-J5LGTIGS.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [],
5
+ "mappings": "",
6
+ "names": []
7
+ }
@@ -1,71 +1,94 @@
1
- import {
2
- meta
3
- } from "./chunk-U46AGJ2D.mjs";
4
- import {
5
- MasonryAction_exports,
6
- Masonry_exports
7
- } from "./chunk-S5JKAK4O.mjs";
1
+ import "./chunk-J5LGTIGS.mjs";
2
+
3
+ // src/meta.ts
4
+ import { trim } from "@dxos/util";
5
+ var meta = {
6
+ id: "org.dxos.plugin.masonry",
7
+ name: "Masonry",
8
+ description: trim`
9
+ Responsive grid layout that displays query results in an adaptive masonry pattern.
10
+ Visualize collections of cards, images, or mixed content that automatically adjusts to available screen space.
11
+ `,
12
+ icon: "ph--wall--regular",
13
+ iconHue: "green",
14
+ source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry",
15
+ screenshots: []
16
+ };
8
17
 
9
18
  // src/MasonryPlugin.tsx
10
19
  import * as Effect from "effect/Effect";
11
- import { Common, Plugin } from "@dxos/app-framework";
12
- import { Type as Type2 } from "@dxos/echo";
13
- import { View } from "@dxos/schema";
14
-
15
- // src/capabilities/react-surface/index.ts
16
- import { Capability } from "@dxos/app-framework";
17
- var ReactSurface = Capability.lazy("ReactSurface", () => import("./react-surface-UCYEF4QU.mjs"));
20
+ import * as Option from "effect/Option";
21
+ import { Plugin } from "@dxos/app-framework";
22
+ import { AppPlugin } from "@dxos/app-toolkit";
23
+ import { Annotation, Type as Type2 } from "@dxos/echo";
24
+ import { Operation } from "@dxos/operation";
25
+ import { SpaceOperation } from "@dxos/plugin-space/operations";
26
+ import { ViewModel } from "@dxos/schema";
27
+ import { meta as meta3 } from "#meta";
18
28
 
19
29
  // src/translations.ts
20
30
  import { Type } from "@dxos/echo";
31
+ import { meta as meta2 } from "#meta";
32
+ import { Masonry } from "#types";
21
33
  var translations = [
22
34
  {
23
35
  "en-US": {
24
- [Type.getTypename(Masonry_exports.Masonry)]: {
25
- "typename label": "Masonry",
26
- "typename label_zero": "Masonries",
27
- "typename label_one": "Masonry",
28
- "typename label_other": "Masonries",
29
- "object name placeholder": "New masonry",
30
- "rename object label": "Rename masonry",
31
- "delete object label": "Delete masonry",
32
- "object deleted label": "Masonry deleted"
36
+ [Type.getTypename(Masonry.Masonry)]: {
37
+ "typename.label": "Masonry",
38
+ "typename.label_zero": "Masonries",
39
+ "typename.label_one": "Masonry",
40
+ "typename.label_other": "Masonries",
41
+ "object-name.placeholder": "New masonry",
42
+ "add-object.label": "Add masonry",
43
+ "rename-object.label": "Rename masonry",
44
+ "delete-object.label": "Delete masonry",
45
+ "object-deleted.label": "Masonry deleted"
33
46
  },
34
- [meta.id]: {
35
- "plugin name": "Masonry"
47
+ [meta2.id]: {
48
+ "plugin.name": "Masonry"
36
49
  }
37
50
  }
38
51
  }
39
52
  ];
40
53
 
41
54
  // src/MasonryPlugin.tsx
42
- var MasonryPlugin = Plugin.define(meta).pipe(Common.Plugin.addTranslationsModule({
43
- translations
44
- }), Common.Plugin.addSurfaceModule({
45
- activate: ReactSurface
46
- }), Common.Plugin.addMetadataModule({
55
+ import { Masonry as Masonry2, MasonryAction } from "#types";
56
+ import { ReactSurface } from "#capabilities";
57
+ var MasonryPlugin = Plugin.define(meta3).pipe(AppPlugin.addMetadataModule({
47
58
  metadata: {
48
- id: Type2.getTypename(Masonry_exports.Masonry),
59
+ id: Type2.getTypename(Masonry2.Masonry),
49
60
  metadata: {
50
- icon: "ph--wall--regular",
51
- iconHue: "green",
52
- inputSchema: MasonryAction_exports.MasonryProps,
53
- createObject: (props, { db }) => Effect.promise(async () => {
54
- const { view } = await View.makeFromDatabase({
55
- db,
56
- typename: props.typename
61
+ icon: Annotation.IconAnnotation.get(Masonry2.Masonry).pipe(Option.getOrThrow).icon,
62
+ iconHue: Annotation.IconAnnotation.get(Masonry2.Masonry).pipe(Option.getOrThrow).hue ?? "white",
63
+ inputSchema: MasonryAction.MasonryProps,
64
+ createObject: (props, options) => Effect.gen(function* () {
65
+ const object = yield* Effect.promise(async () => {
66
+ const { view } = await ViewModel.makeFromDatabase({
67
+ db: options.db,
68
+ typename: props.typename
69
+ });
70
+ return Masonry2.make({
71
+ name: props.name,
72
+ view
73
+ });
57
74
  });
58
- return Masonry_exports.make({
59
- name: props.name,
60
- view
75
+ return yield* Operation.invoke(SpaceOperation.AddObject, {
76
+ object,
77
+ target: options.target,
78
+ hidden: true,
79
+ targetNodeId: options.targetNodeId
61
80
  });
62
81
  })
63
82
  }
64
83
  }
65
- }), Common.Plugin.addSchemaModule({
84
+ }), AppPlugin.addSchemaModule({
66
85
  schema: [
67
- Masonry_exports.Masonry
86
+ Masonry2.Masonry
68
87
  ]
88
+ }), AppPlugin.addSurfaceModule({
89
+ activate: ReactSurface
90
+ }), AppPlugin.addTranslationsModule({
91
+ translations
69
92
  }), Plugin.make);
70
93
  export {
71
94
  MasonryPlugin,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/MasonryPlugin.tsx", "../../../src/capabilities/react-surface/index.ts", "../../../src/translations.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Common, Plugin } from '@dxos/app-framework';\nimport { Type } from '@dxos/echo';\nimport { type CreateObject } from '@dxos/plugin-space/types';\nimport { View } 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 Common.Plugin.addTranslationsModule({ translations }),\n Common.Plugin.addSurfaceModule({ activate: ReactSurface }),\n Common.Plugin.addMetadataModule({\n metadata: {\n id: Type.getTypename(Masonry.Masonry),\n metadata: {\n icon: 'ph--wall--regular',\n iconHue: 'green',\n inputSchema: MasonryAction.MasonryProps,\n createObject: ((props, { db }) =>\n Effect.promise(async () => {\n const { view } = await View.makeFromDatabase({ db, typename: props.typename });\n return Masonry.make({ name: props.name, view });\n })) satisfies CreateObject,\n },\n },\n }),\n Common.Plugin.addSchemaModule({ schema: [Masonry.Masonry] }),\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 '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"],
5
- "mappings": ";;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,QAAQC,cAAc;AAC/B,SAASC,QAAAA,aAAY;AAErB,SAASC,YAAY;;;ACLrB,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,uBAAuB;QACvB,uBAAuB;QACvB,wBAAwB;MAC1B;MACA,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;;;AFXK,IAAMC,gBAAgBC,OAAOC,OAAOC,IAAAA,EAAMC,KAC/CC,OAAOJ,OAAOK,sBAAsB;EAAEC;AAAa,CAAA,GACnDF,OAAOJ,OAAOO,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACxDL,OAAOJ,OAAOU,kBAAkB;EAC9BC,UAAU;IACRC,IAAIC,MAAKC,YAAYC,gBAAQA,OAAO;IACpCJ,UAAU;MACRK,MAAM;MACNC,SAAS;MACTC,aAAaC,sBAAcC;MAC3BC,cAAe,CAACC,OAAO,EAAEC,GAAE,MAClBC,eAAQ,YAAA;AACb,cAAM,EAAEC,KAAI,IAAK,MAAMC,KAAKC,iBAAiB;UAAEJ;UAAIK,UAAUN,MAAMM;QAAS,CAAA;AAC5E,eAAOb,gBAAQc,KAAK;UAAEC,MAAMR,MAAMQ;UAAML;QAAK,CAAA;MAC/C,CAAA;IACJ;EACF;AACF,CAAA,GACArB,OAAOJ,OAAO+B,gBAAgB;EAAEC,QAAQ;IAACjB,gBAAQA;;AAAS,CAAA,GAC1Df,OAAO6B,IAAI;",
6
- "names": ["Effect", "Common", "Plugin", "Type", "View", "Capability", "ReactSurface", "Capability", "lazy", "Type", "translations", "Type", "getTypename", "Masonry", "meta", "id", "MasonryPlugin", "Plugin", "define", "meta", "pipe", "Common", "addTranslationsModule", "translations", "addSurfaceModule", "activate", "ReactSurface", "addMetadataModule", "metadata", "id", "Type", "getTypename", "Masonry", "icon", "iconHue", "inputSchema", "MasonryAction", "MasonryProps", "createObject", "props", "db", "promise", "view", "View", "makeFromDatabase", "typename", "make", "name", "addSchemaModule", "schema"]
3
+ "sources": ["../../../src/meta.ts", "../../../src/MasonryPlugin.tsx", "../../../src/translations.ts"],
4
+ "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';\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 { Operation } from '@dxos/operation';\nimport { type CreateObject } from '@dxos/plugin-space/types';\nimport { SpaceOperation } from '@dxos/plugin-space/operations';\nimport { ViewModel } from '@dxos/schema';\n\nimport { meta } from '#meta';\nimport { translations } from './translations';\nimport { Masonry, MasonryAction } from '#types';\n\nimport { ReactSurface } from '#capabilities';\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", "//\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"],
5
+ "mappings": ";;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;;;ACdA,YAAYC,YAAY;AAExB,YAAYC,YAAY;AAExB,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,YAAYC,QAAAA,aAAY;AACjC,SAASC,iBAAiB;AAE1B,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAE1B,SAASC,QAAAA,aAAY;;;ACZrB,SAASC,YAAY;AAGrB,SAASC,QAAAA,aAAY;AACrB,SAASC,eAAe;AAEjB,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,YAAYC,QAAQA,OAAO,CAAA,GAAI;QACnC,kBAAkB;QAClB,uBAAuB;QACvB,sBAAsB;QACtB,wBAAwB;QACxB,2BAA2B;QAC3B,oBAAoB;QACpB,uBAAuB;QACvB,uBAAuB;QACvB,wBAAwB;MAC1B;MACA,CAACC,MAAKC,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;;;ADVF,SAASC,WAAAA,UAASC,qBAAqB;AAEvC,SAASC,oBAAoB;AAEtB,IAAMC,gBAAgBC,OAAOC,OAAOC,KAAAA,EAAMC,KAC/CC,UAAUC,kBAAkB;EAC1BC,UAAU;IACRC,IAAIC,MAAKC,YAAYC,SAAQA,OAAO;IACpCJ,UAAU;MACRK,MAAMC,WAAWC,eAAeC,IAAIJ,SAAQA,OAAO,EAAEP,KAAYY,iBAAU,EAAEJ;MAC7EK,SAASJ,WAAWC,eAAeC,IAAIJ,SAAQA,OAAO,EAAEP,KAAYY,iBAAU,EAAEE,OAAO;MACvFC,aAAaC,cAAcC;MAC3BC,cAAe,CAACC,OAAOC,YACdC,WAAI,aAAA;AACT,cAAMC,SAAS,OAAcC,eAAQ,YAAA;AACnC,gBAAM,EAAEC,KAAI,IAAK,MAAMC,UAAUC,iBAAiB;YAAEC,IAAIP,QAAQO;YAAIC,UAAUT,MAAMS;UAAS,CAAA;AAC7F,iBAAOrB,SAAQsB,KAAK;YAAEC,MAAMX,MAAMW;YAAMN;UAAK,CAAA;QAC/C,CAAA;AACA,eAAO,OAAOO,UAAUC,OAAOC,eAAeC,WAAW;UACvDZ;UACAa,QAAQf,QAAQe;UAChBC,QAAQ;UACRC,cAAcjB,QAAQiB;QACxB,CAAA;MACF,CAAA;IACJ;EACF;AACF,CAAA,GACApC,UAAUqC,gBAAgB;EAAEC,QAAQ;IAAChC,SAAQA;;AAAS,CAAA,GACtDN,UAAUuC,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACpDzC,UAAU0C,sBAAsB;EAAEC;AAAa,CAAA,GAC/C/C,OAAOgC,IAAI;",
6
+ "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots", "Effect", "Option", "Plugin", "AppPlugin", "Annotation", "Type", "Operation", "SpaceOperation", "ViewModel", "meta", "Type", "meta", "Masonry", "translations", "Type", "getTypename", "Masonry", "meta", "id", "Masonry", "MasonryAction", "ReactSurface", "MasonryPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addMetadataModule", "metadata", "id", "Type", "getTypename", "Masonry", "icon", "Annotation", "IconAnnotation", "get", "getOrThrow", "iconHue", "hue", "inputSchema", "MasonryAction", "MasonryProps", "createObject", "props", "options", "gen", "object", "promise", "view", "ViewModel", "makeFromDatabase", "db", "typename", "make", "name", "Operation", "invoke", "SpaceOperation", "AddObject", "target", "hidden", "targetNodeId", "addSchemaModule", "schema", "addSurfaceModule", "activate", "ReactSurface", "addTranslationsModule", "translations"]
7
7
  }
@@ -1 +1 @@
1
- {"inputs":{"src/meta.ts":{"bytes":1966,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/MasonryContainer.tsx":{"bytes":8818,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","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/plugin-search","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/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"format":"esm"},"src/types/Masonry.ts":{"bytes":5570,"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":2399,"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":4093,"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/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/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":2691,"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":4997,"imports":[{"path":"effect/Effect","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/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":4032},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-U46AGJ2D.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-S5JKAK4O.mjs","kind":"import-statement"},{"path":"effect/Effect","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":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/browser/react-surface-UCYEF4QU.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":962},"src/capabilities/react-surface/index.ts":{"bytesInOutput":148},"src/capabilities/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":575}},"bytes":2006},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/types/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-S5JKAK4O.mjs","kind":"import-statement"}],"exports":["Masonry","MasonryAction"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":202},"dist/lib/browser/react-surface-UCYEF4QU.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6818},"dist/lib/browser/react-surface-UCYEF4QU.mjs":{"imports":[{"path":"dist/lib/browser/chunk-U46AGJ2D.mjs","kind":"import-statement"},{"path":"dist/lib/browser/chunk-S5JKAK4O.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/echo","kind":"import-statement","external":true},{"path":"@dxos/schema","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/react","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-masonry","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/react-surface/react-surface.tsx","inputs":{"src/capabilities/react-surface/react-surface.tsx":{"bytesInOutput":820},"src/components/MasonryContainer.tsx":{"bytesInOutput":2235}},"bytes":3405},"dist/lib/browser/chunk-U46AGJ2D.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":948},"dist/lib/browser/chunk-U46AGJ2D.mjs":{"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["meta"],"inputs":{"src/meta.ts":{"bytesInOutput":482}},"bytes":561},"dist/lib/browser/chunk-S5JKAK4O.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":4067},"dist/lib/browser/chunk-S5JKAK4O.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/plugin-space/types","kind":"import-statement","external":true}],"exports":["MasonryAction_exports","Masonry_exports"],"inputs":{"src/types/Masonry.ts":{"bytesInOutput":1215},"src/types/index.ts":{"bytesInOutput":0},"src/types/MasonryAction.ts":{"bytesInOutput":640}},"bytes":2178}}}
1
+ {"inputs":{"src/meta.ts":{"bytes":1966,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/translations.ts":{"bytes":2816,"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/MasonryPlugin.tsx":{"bytes":7419,"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/operation","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/operations","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"#types","kind":"import-statement","external":true},{"path":"#capabilities","kind":"import-statement","external":true}],"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"},"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"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5986},"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/echo","kind":"import-statement","external":true},{"path":"@dxos/operation","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/operations","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true},{"path":"#types","kind":"import-statement","external":true},{"path":"#types","kind":"import-statement","external":true},{"path":"#capabilities","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":1708},"src/translations.ts":{"bytesInOutput":684}},"bytes":3068},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3722},"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":1043},"src/types/index.ts":{"bytesInOutput":0},"src/types/MasonryAction.ts":{"bytesInOutput":596}},"bytes":1865},"dist/lib/browser/chunk-J5LGTIGS.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/chunk-J5LGTIGS.mjs":{"imports":[],"exports":["__export"],"inputs":{},"bytes":235}}}
@@ -1,7 +1,64 @@
1
1
  import {
2
- MasonryAction_exports,
3
- Masonry_exports
4
- } from "../chunk-S5JKAK4O.mjs";
2
+ __export
3
+ } from "../chunk-J5LGTIGS.mjs";
4
+
5
+ // src/types/Masonry.ts
6
+ var Masonry_exports = {};
7
+ __export(Masonry_exports, {
8
+ Masonry: () => Masonry,
9
+ make: () => make
10
+ });
11
+ import * as Schema from "effect/Schema";
12
+ import { Annotation, Obj, Ref, Type } from "@dxos/echo";
13
+ import { View } from "@dxos/echo";
14
+ import { FormInputAnnotation, LabelAnnotation } from "@dxos/echo/internal";
15
+ import { ViewAnnotation } from "@dxos/schema";
16
+ var Masonry = Schema.Struct({
17
+ name: Schema.String.pipe(Schema.optional),
18
+ view: Ref.Ref(View.View).pipe(FormInputAnnotation.set(false)),
19
+ arrangement: Schema.Array(Schema.Struct({
20
+ ids: Schema.Array(Obj.ID),
21
+ hidden: Schema.optional(Schema.Boolean)
22
+ })).pipe(FormInputAnnotation.set(false), Schema.optional)
23
+ }).pipe(Type.object({
24
+ typename: "org.dxos.type.masonry",
25
+ version: "0.1.0"
26
+ }), LabelAnnotation.set([
27
+ "name"
28
+ ]), ViewAnnotation.set(true), Annotation.IconAnnotation.set({
29
+ icon: "ph--wall--regular",
30
+ hue: "green"
31
+ }));
32
+ var make = ({ name, arrangement = [], view }) => {
33
+ return Obj.make(Masonry, {
34
+ name,
35
+ view: Ref.make(view),
36
+ arrangement
37
+ });
38
+ };
39
+
40
+ // src/types/MasonryAction.ts
41
+ var MasonryAction_exports = {};
42
+ __export(MasonryAction_exports, {
43
+ MasonryProps: () => MasonryProps
44
+ });
45
+ import * as Schema2 from "effect/Schema";
46
+ import { TypeInputOptionsAnnotation } from "@dxos/plugin-space/types";
47
+ var MasonryProps = Schema2.Struct({
48
+ name: Schema2.optional(Schema2.String),
49
+ // TODO(wittjosiah): This should be a query input instead.
50
+ typename: Schema2.String.pipe(Schema2.annotations({
51
+ title: "Select card type"
52
+ }), TypeInputOptionsAnnotation.set({
53
+ location: [
54
+ "database",
55
+ "runtime"
56
+ ],
57
+ kind: [
58
+ "user"
59
+ ]
60
+ }), Schema2.optional)
61
+ });
5
62
  export {
6
63
  Masonry_exports as Masonry,
7
64
  MasonryAction_exports as MasonryAction
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": [],
4
- "sourcesContent": [],
5
- "mappings": "",
6
- "names": []
3
+ "sources": ["../../../../src/types/Masonry.ts", "../../../../src/types/MasonryAction.ts"],
4
+ "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"],
5
+ "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;",
6
+ "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"]
7
7
  }
@@ -0,0 +1,11 @@
1
+ import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
+ var __defProp = Object.defineProperty;
3
+ var __export = (target, all) => {
4
+ for (var name in all)
5
+ __defProp(target, name, { get: all[name], enumerable: true });
6
+ };
7
+
8
+ export {
9
+ __export
10
+ };
11
+ //# sourceMappingURL=chunk-HSLMI22Q.mjs.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [],
5
+ "mappings": "",
6
+ "names": []
7
+ }
@@ -1,72 +1,95 @@
1
1
  import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- meta
4
- } from "./chunk-P6EZJITS.mjs";
5
- import {
6
- MasonryAction_exports,
7
- Masonry_exports
8
- } from "./chunk-YNA44I6R.mjs";
2
+ import "./chunk-HSLMI22Q.mjs";
3
+
4
+ // src/meta.ts
5
+ import { trim } from "@dxos/util";
6
+ var meta = {
7
+ id: "org.dxos.plugin.masonry",
8
+ name: "Masonry",
9
+ description: trim`
10
+ Responsive grid layout that displays query results in an adaptive masonry pattern.
11
+ Visualize collections of cards, images, or mixed content that automatically adjusts to available screen space.
12
+ `,
13
+ icon: "ph--wall--regular",
14
+ iconHue: "green",
15
+ source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry",
16
+ screenshots: []
17
+ };
9
18
 
10
19
  // src/MasonryPlugin.tsx
11
20
  import * as Effect from "effect/Effect";
12
- import { Common, Plugin } from "@dxos/app-framework";
13
- import { Type as Type2 } from "@dxos/echo";
14
- import { View } from "@dxos/schema";
15
-
16
- // src/capabilities/react-surface/index.ts
17
- import { Capability } from "@dxos/app-framework";
18
- var ReactSurface = Capability.lazy("ReactSurface", () => import("./react-surface-LG7FTGYA.mjs"));
21
+ import * as Option from "effect/Option";
22
+ import { Plugin } from "@dxos/app-framework";
23
+ import { AppPlugin } from "@dxos/app-toolkit";
24
+ import { Annotation, Type as Type2 } from "@dxos/echo";
25
+ import { Operation } from "@dxos/operation";
26
+ import { SpaceOperation } from "@dxos/plugin-space/operations";
27
+ import { ViewModel } from "@dxos/schema";
28
+ import { meta as meta3 } from "#meta";
19
29
 
20
30
  // src/translations.ts
21
31
  import { Type } from "@dxos/echo";
32
+ import { meta as meta2 } from "#meta";
33
+ import { Masonry } from "#types";
22
34
  var translations = [
23
35
  {
24
36
  "en-US": {
25
- [Type.getTypename(Masonry_exports.Masonry)]: {
26
- "typename label": "Masonry",
27
- "typename label_zero": "Masonries",
28
- "typename label_one": "Masonry",
29
- "typename label_other": "Masonries",
30
- "object name placeholder": "New masonry",
31
- "rename object label": "Rename masonry",
32
- "delete object label": "Delete masonry",
33
- "object deleted label": "Masonry deleted"
37
+ [Type.getTypename(Masonry.Masonry)]: {
38
+ "typename.label": "Masonry",
39
+ "typename.label_zero": "Masonries",
40
+ "typename.label_one": "Masonry",
41
+ "typename.label_other": "Masonries",
42
+ "object-name.placeholder": "New masonry",
43
+ "add-object.label": "Add masonry",
44
+ "rename-object.label": "Rename masonry",
45
+ "delete-object.label": "Delete masonry",
46
+ "object-deleted.label": "Masonry deleted"
34
47
  },
35
- [meta.id]: {
36
- "plugin name": "Masonry"
48
+ [meta2.id]: {
49
+ "plugin.name": "Masonry"
37
50
  }
38
51
  }
39
52
  }
40
53
  ];
41
54
 
42
55
  // src/MasonryPlugin.tsx
43
- var MasonryPlugin = Plugin.define(meta).pipe(Common.Plugin.addTranslationsModule({
44
- translations
45
- }), Common.Plugin.addSurfaceModule({
46
- activate: ReactSurface
47
- }), Common.Plugin.addMetadataModule({
56
+ import { Masonry as Masonry2, MasonryAction } from "#types";
57
+ import { ReactSurface } from "#capabilities";
58
+ var MasonryPlugin = Plugin.define(meta3).pipe(AppPlugin.addMetadataModule({
48
59
  metadata: {
49
- id: Type2.getTypename(Masonry_exports.Masonry),
60
+ id: Type2.getTypename(Masonry2.Masonry),
50
61
  metadata: {
51
- icon: "ph--wall--regular",
52
- iconHue: "green",
53
- inputSchema: MasonryAction_exports.MasonryProps,
54
- createObject: (props, { db }) => Effect.promise(async () => {
55
- const { view } = await View.makeFromDatabase({
56
- db,
57
- typename: props.typename
62
+ icon: Annotation.IconAnnotation.get(Masonry2.Masonry).pipe(Option.getOrThrow).icon,
63
+ iconHue: Annotation.IconAnnotation.get(Masonry2.Masonry).pipe(Option.getOrThrow).hue ?? "white",
64
+ inputSchema: MasonryAction.MasonryProps,
65
+ createObject: (props, options) => Effect.gen(function* () {
66
+ const object = yield* Effect.promise(async () => {
67
+ const { view } = await ViewModel.makeFromDatabase({
68
+ db: options.db,
69
+ typename: props.typename
70
+ });
71
+ return Masonry2.make({
72
+ name: props.name,
73
+ view
74
+ });
58
75
  });
59
- return Masonry_exports.make({
60
- name: props.name,
61
- view
76
+ return yield* Operation.invoke(SpaceOperation.AddObject, {
77
+ object,
78
+ target: options.target,
79
+ hidden: true,
80
+ targetNodeId: options.targetNodeId
62
81
  });
63
82
  })
64
83
  }
65
84
  }
66
- }), Common.Plugin.addSchemaModule({
85
+ }), AppPlugin.addSchemaModule({
67
86
  schema: [
68
- Masonry_exports.Masonry
87
+ Masonry2.Masonry
69
88
  ]
89
+ }), AppPlugin.addSurfaceModule({
90
+ activate: ReactSurface
91
+ }), AppPlugin.addTranslationsModule({
92
+ translations
70
93
  }), Plugin.make);
71
94
  export {
72
95
  MasonryPlugin,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../src/MasonryPlugin.tsx", "../../../src/capabilities/react-surface/index.ts", "../../../src/translations.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\n\nimport { Common, Plugin } from '@dxos/app-framework';\nimport { Type } from '@dxos/echo';\nimport { type CreateObject } from '@dxos/plugin-space/types';\nimport { View } 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 Common.Plugin.addTranslationsModule({ translations }),\n Common.Plugin.addSurfaceModule({ activate: ReactSurface }),\n Common.Plugin.addMetadataModule({\n metadata: {\n id: Type.getTypename(Masonry.Masonry),\n metadata: {\n icon: 'ph--wall--regular',\n iconHue: 'green',\n inputSchema: MasonryAction.MasonryProps,\n createObject: ((props, { db }) =>\n Effect.promise(async () => {\n const { view } = await View.makeFromDatabase({ db, typename: props.typename });\n return Masonry.make({ name: props.name, view });\n })) satisfies CreateObject,\n },\n },\n }),\n Common.Plugin.addSchemaModule({ schema: [Masonry.Masonry] }),\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 '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"],
5
- "mappings": ";;;;;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,QAAQC,cAAc;AAC/B,SAASC,QAAAA,aAAY;AAErB,SAASC,YAAY;;;ACLrB,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,uBAAuB;QACvB,uBAAuB;QACvB,wBAAwB;MAC1B;MACA,CAACC,KAAKC,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;;;AFXK,IAAMC,gBAAgBC,OAAOC,OAAOC,IAAAA,EAAMC,KAC/CC,OAAOJ,OAAOK,sBAAsB;EAAEC;AAAa,CAAA,GACnDF,OAAOJ,OAAOO,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACxDL,OAAOJ,OAAOU,kBAAkB;EAC9BC,UAAU;IACRC,IAAIC,MAAKC,YAAYC,gBAAQA,OAAO;IACpCJ,UAAU;MACRK,MAAM;MACNC,SAAS;MACTC,aAAaC,sBAAcC;MAC3BC,cAAe,CAACC,OAAO,EAAEC,GAAE,MAClBC,eAAQ,YAAA;AACb,cAAM,EAAEC,KAAI,IAAK,MAAMC,KAAKC,iBAAiB;UAAEJ;UAAIK,UAAUN,MAAMM;QAAS,CAAA;AAC5E,eAAOb,gBAAQc,KAAK;UAAEC,MAAMR,MAAMQ;UAAML;QAAK,CAAA;MAC/C,CAAA;IACJ;EACF;AACF,CAAA,GACArB,OAAOJ,OAAO+B,gBAAgB;EAAEC,QAAQ;IAACjB,gBAAQA;;AAAS,CAAA,GAC1Df,OAAO6B,IAAI;",
6
- "names": ["Effect", "Common", "Plugin", "Type", "View", "Capability", "ReactSurface", "Capability", "lazy", "Type", "translations", "Type", "getTypename", "Masonry", "meta", "id", "MasonryPlugin", "Plugin", "define", "meta", "pipe", "Common", "addTranslationsModule", "translations", "addSurfaceModule", "activate", "ReactSurface", "addMetadataModule", "metadata", "id", "Type", "getTypename", "Masonry", "icon", "iconHue", "inputSchema", "MasonryAction", "MasonryProps", "createObject", "props", "db", "promise", "view", "View", "makeFromDatabase", "typename", "make", "name", "addSchemaModule", "schema"]
3
+ "sources": ["../../../src/meta.ts", "../../../src/MasonryPlugin.tsx", "../../../src/translations.ts"],
4
+ "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';\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 { Operation } from '@dxos/operation';\nimport { type CreateObject } from '@dxos/plugin-space/types';\nimport { SpaceOperation } from '@dxos/plugin-space/operations';\nimport { ViewModel } from '@dxos/schema';\n\nimport { meta } from '#meta';\nimport { translations } from './translations';\nimport { Masonry, MasonryAction } from '#types';\n\nimport { ReactSurface } from '#capabilities';\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", "//\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"],
5
+ "mappings": ";;;;AAKA,SAASA,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;;;ACdA,YAAYC,YAAY;AAExB,YAAYC,YAAY;AAExB,SAASC,cAAc;AACvB,SAASC,iBAAiB;AAC1B,SAASC,YAAYC,QAAAA,aAAY;AACjC,SAASC,iBAAiB;AAE1B,SAASC,sBAAsB;AAC/B,SAASC,iBAAiB;AAE1B,SAASC,QAAAA,aAAY;;;ACZrB,SAASC,YAAY;AAGrB,SAASC,QAAAA,aAAY;AACrB,SAASC,eAAe;AAEjB,IAAMC,eAAe;EAC1B;IACE,SAAS;MACP,CAACC,KAAKC,YAAYC,QAAQA,OAAO,CAAA,GAAI;QACnC,kBAAkB;QAClB,uBAAuB;QACvB,sBAAsB;QACtB,wBAAwB;QACxB,2BAA2B;QAC3B,oBAAoB;QACpB,uBAAuB;QACvB,uBAAuB;QACvB,wBAAwB;MAC1B;MACA,CAACC,MAAKC,EAAE,GAAG;QACT,eAAe;MACjB;IACF;EACF;;;;ADVF,SAASC,WAAAA,UAASC,qBAAqB;AAEvC,SAASC,oBAAoB;AAEtB,IAAMC,gBAAgBC,OAAOC,OAAOC,KAAAA,EAAMC,KAC/CC,UAAUC,kBAAkB;EAC1BC,UAAU;IACRC,IAAIC,MAAKC,YAAYC,SAAQA,OAAO;IACpCJ,UAAU;MACRK,MAAMC,WAAWC,eAAeC,IAAIJ,SAAQA,OAAO,EAAEP,KAAYY,iBAAU,EAAEJ;MAC7EK,SAASJ,WAAWC,eAAeC,IAAIJ,SAAQA,OAAO,EAAEP,KAAYY,iBAAU,EAAEE,OAAO;MACvFC,aAAaC,cAAcC;MAC3BC,cAAe,CAACC,OAAOC,YACdC,WAAI,aAAA;AACT,cAAMC,SAAS,OAAcC,eAAQ,YAAA;AACnC,gBAAM,EAAEC,KAAI,IAAK,MAAMC,UAAUC,iBAAiB;YAAEC,IAAIP,QAAQO;YAAIC,UAAUT,MAAMS;UAAS,CAAA;AAC7F,iBAAOrB,SAAQsB,KAAK;YAAEC,MAAMX,MAAMW;YAAMN;UAAK,CAAA;QAC/C,CAAA;AACA,eAAO,OAAOO,UAAUC,OAAOC,eAAeC,WAAW;UACvDZ;UACAa,QAAQf,QAAQe;UAChBC,QAAQ;UACRC,cAAcjB,QAAQiB;QACxB,CAAA;MACF,CAAA;IACJ;EACF;AACF,CAAA,GACApC,UAAUqC,gBAAgB;EAAEC,QAAQ;IAAChC,SAAQA;;AAAS,CAAA,GACtDN,UAAUuC,iBAAiB;EAAEC,UAAUC;AAAa,CAAA,GACpDzC,UAAU0C,sBAAsB;EAAEC;AAAa,CAAA,GAC/C/C,OAAOgC,IAAI;",
6
+ "names": ["trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots", "Effect", "Option", "Plugin", "AppPlugin", "Annotation", "Type", "Operation", "SpaceOperation", "ViewModel", "meta", "Type", "meta", "Masonry", "translations", "Type", "getTypename", "Masonry", "meta", "id", "Masonry", "MasonryAction", "ReactSurface", "MasonryPlugin", "Plugin", "define", "meta", "pipe", "AppPlugin", "addMetadataModule", "metadata", "id", "Type", "getTypename", "Masonry", "icon", "Annotation", "IconAnnotation", "get", "getOrThrow", "iconHue", "hue", "inputSchema", "MasonryAction", "MasonryProps", "createObject", "props", "options", "gen", "object", "promise", "view", "ViewModel", "makeFromDatabase", "db", "typename", "make", "name", "Operation", "invoke", "SpaceOperation", "AddObject", "target", "hidden", "targetNodeId", "addSchemaModule", "schema", "addSurfaceModule", "activate", "ReactSurface", "addTranslationsModule", "translations"]
7
7
  }