@dxos/plugin-masonry 0.8.4-main.7ace549 → 0.8.4-main.8baae0fced

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 (110) hide show
  1. package/LICENSE +102 -5
  2. package/README.md +1 -1
  3. package/dist/lib/neutral/MasonryContainer-QF3OCAHU.mjs +101 -0
  4. package/dist/lib/neutral/MasonryContainer-QF3OCAHU.mjs.map +7 -0
  5. package/dist/lib/neutral/MasonryPlugin.mjs +26 -0
  6. package/dist/lib/neutral/MasonryPlugin.mjs.map +7 -0
  7. package/dist/lib/neutral/capabilities/index.mjs +11 -0
  8. package/dist/lib/neutral/capabilities/index.mjs.map +7 -0
  9. package/dist/lib/neutral/chunk-HDBVJK6S.mjs +68 -0
  10. package/dist/lib/neutral/chunk-HDBVJK6S.mjs.map +7 -0
  11. package/dist/lib/neutral/chunk-J5LGTIGS.mjs +10 -0
  12. package/dist/lib/neutral/chunk-RAEY5T7G.mjs +20 -0
  13. package/dist/lib/neutral/chunk-RAEY5T7G.mjs.map +7 -0
  14. package/dist/lib/neutral/components/index.mjs +1 -0
  15. package/dist/lib/neutral/containers/index.mjs +9 -0
  16. package/dist/lib/neutral/containers/index.mjs.map +7 -0
  17. package/dist/lib/neutral/create-object-WRCYV4HT.mjs +39 -0
  18. package/dist/lib/neutral/create-object-WRCYV4HT.mjs.map +7 -0
  19. package/dist/lib/neutral/index.mjs +14 -0
  20. package/dist/lib/neutral/index.mjs.map +7 -0
  21. package/dist/lib/neutral/meta.json +1 -0
  22. package/dist/lib/neutral/meta.mjs +8 -0
  23. package/dist/lib/neutral/meta.mjs.map +7 -0
  24. package/dist/lib/neutral/plugin.mjs +12 -0
  25. package/dist/lib/neutral/plugin.mjs.map +7 -0
  26. package/dist/lib/neutral/react-surface-7CZHE3XA.mjs +35 -0
  27. package/dist/lib/neutral/react-surface-7CZHE3XA.mjs.map +7 -0
  28. package/dist/lib/neutral/translations.mjs +30 -0
  29. package/dist/lib/neutral/translations.mjs.map +7 -0
  30. package/dist/lib/{browser → neutral}/types/index.mjs +2 -1
  31. package/dist/lib/neutral/types/index.mjs.map +7 -0
  32. package/dist/types/src/MasonryPlugin.d.ts +3 -1
  33. package/dist/types/src/MasonryPlugin.d.ts.map +1 -1
  34. package/dist/types/src/MasonryPlugin.test.d.ts +2 -0
  35. package/dist/types/src/MasonryPlugin.test.d.ts.map +1 -0
  36. package/dist/types/src/capabilities/create-object.d.ts +11 -0
  37. package/dist/types/src/capabilities/create-object.d.ts.map +1 -0
  38. package/dist/types/src/capabilities/index.d.ts +8 -2
  39. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  40. package/dist/types/src/capabilities/react-surface.d.ts +3 -2
  41. package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
  42. package/dist/types/src/components/index.d.ts +1 -0
  43. package/dist/types/src/components/index.d.ts.map +1 -0
  44. package/dist/types/src/containers/MasonryContainer/MasonryContainer.d.ts +11 -0
  45. package/dist/types/src/containers/MasonryContainer/MasonryContainer.d.ts.map +1 -0
  46. package/dist/types/src/containers/MasonryContainer/MasonryContainer.stories.d.ts.map +1 -0
  47. package/dist/types/src/containers/MasonryContainer/index.d.ts +2 -0
  48. package/dist/types/src/containers/MasonryContainer/index.d.ts.map +1 -0
  49. package/dist/types/src/containers/index.d.ts +3 -0
  50. package/dist/types/src/containers/index.d.ts.map +1 -0
  51. package/dist/types/src/index.d.ts +1 -1
  52. package/dist/types/src/index.d.ts.map +1 -1
  53. package/dist/types/src/meta.d.ts +2 -2
  54. package/dist/types/src/meta.d.ts.map +1 -1
  55. package/dist/types/src/plugin.d.ts +3 -0
  56. package/dist/types/src/plugin.d.ts.map +1 -0
  57. package/dist/types/src/translations.d.ts +20 -18
  58. package/dist/types/src/translations.d.ts.map +1 -1
  59. package/dist/types/src/types/Masonry.d.ts +10 -20
  60. package/dist/types/src/types/Masonry.d.ts.map +1 -1
  61. package/dist/types/src/types/MasonryAction.d.ts +0 -17
  62. package/dist/types/src/types/MasonryAction.d.ts.map +1 -1
  63. package/dist/types/tsconfig.tsbuildinfo +1 -1
  64. package/package.json +90 -49
  65. package/src/MasonryPlugin.test.ts +26 -0
  66. package/src/MasonryPlugin.tsx +15 -50
  67. package/src/capabilities/create-object.ts +36 -0
  68. package/src/capabilities/index.ts +3 -3
  69. package/src/capabilities/react-surface.tsx +25 -14
  70. package/src/components/index.ts +3 -0
  71. package/src/containers/MasonryContainer/MasonryContainer.stories.tsx +78 -0
  72. package/src/containers/MasonryContainer/MasonryContainer.tsx +129 -0
  73. package/src/containers/MasonryContainer/index.ts +5 -0
  74. package/src/containers/index.ts +7 -0
  75. package/src/index.ts +1 -2
  76. package/src/meta.ts +4 -3
  77. package/src/plugin.ts +9 -0
  78. package/src/translations.ts +12 -11
  79. package/src/types/Masonry.ts +16 -31
  80. package/src/types/MasonryAction.ts +1 -16
  81. package/dist/lib/browser/chunk-4I5S2QKH.mjs +0 -109
  82. package/dist/lib/browser/chunk-4I5S2QKH.mjs.map +0 -7
  83. package/dist/lib/browser/index.mjs +0 -89
  84. package/dist/lib/browser/index.mjs.map +0 -7
  85. package/dist/lib/browser/intent-resolver-7WOSAD4H.mjs +0 -35
  86. package/dist/lib/browser/intent-resolver-7WOSAD4H.mjs.map +0 -7
  87. package/dist/lib/browser/meta.json +0 -1
  88. package/dist/lib/browser/react-surface-CFD3AW3U.mjs +0 -95
  89. package/dist/lib/browser/react-surface-CFD3AW3U.mjs.map +0 -7
  90. package/dist/lib/node-esm/chunk-VKN225ZV.mjs +0 -110
  91. package/dist/lib/node-esm/chunk-VKN225ZV.mjs.map +0 -7
  92. package/dist/lib/node-esm/index.mjs +0 -90
  93. package/dist/lib/node-esm/index.mjs.map +0 -7
  94. package/dist/lib/node-esm/intent-resolver-AXT5HIJX.mjs +0 -36
  95. package/dist/lib/node-esm/intent-resolver-AXT5HIJX.mjs.map +0 -7
  96. package/dist/lib/node-esm/meta.json +0 -1
  97. package/dist/lib/node-esm/react-surface-7MHZZTKP.mjs +0 -96
  98. package/dist/lib/node-esm/react-surface-7MHZZTKP.mjs.map +0 -7
  99. package/dist/lib/node-esm/types/index.mjs +0 -10
  100. package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
  101. package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
  102. package/dist/types/src/components/MasonryContainer.d.ts +0 -7
  103. package/dist/types/src/components/MasonryContainer.d.ts.map +0 -1
  104. package/dist/types/src/components/MasonryContainer.stories.d.ts.map +0 -1
  105. package/src/capabilities/intent-resolver.ts +0 -22
  106. package/src/components/MasonryContainer.stories.tsx +0 -79
  107. package/src/components/MasonryContainer.tsx +0 -59
  108. /package/dist/lib/{browser/types/index.mjs.map → neutral/chunk-J5LGTIGS.mjs.map} +0 -0
  109. /package/dist/lib/{node-esm/types → neutral/components}/index.mjs.map +0 -0
  110. /package/dist/types/src/{components → containers/MasonryContainer}/MasonryContainer.stories.d.ts +0 -0
@@ -1,110 +0,0 @@
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
- // src/types/Masonry.ts
9
- var Masonry_exports = {};
10
- __export(Masonry_exports, {
11
- Masonry: () => Masonry,
12
- MasonryV1: () => MasonryV1,
13
- make: () => make
14
- });
15
- import * as Schema from "effect/Schema";
16
- import { Obj, Ref, Type } from "@dxos/echo";
17
- import { FormInputAnnotation, LabelAnnotation } from "@dxos/echo/internal";
18
- import { View, ViewAnnotation } from "@dxos/schema";
19
- var MasonrySchema = Schema.Struct({
20
- name: Schema.String.pipe(Schema.optional),
21
- view: Type.Ref(View.View).pipe(FormInputAnnotation.set(false)),
22
- arrangement: Schema.Array(Schema.Struct({
23
- ids: Schema.Array(Obj.ID),
24
- hidden: Schema.optional(Schema.Boolean)
25
- }).pipe(Schema.mutable)).pipe(Schema.mutable, FormInputAnnotation.set(false), Schema.optional)
26
- }).pipe(Type.Obj({
27
- typename: "dxos.org/type/Masonry",
28
- version: "0.2.0"
29
- }), LabelAnnotation.set([
30
- "name"
31
- ]), ViewAnnotation.set(true));
32
- var Masonry = MasonrySchema;
33
- var make = ({ name, arrangement = [], view }) => {
34
- return Obj.make(Masonry, {
35
- name,
36
- view: Ref.make(view),
37
- arrangement
38
- });
39
- };
40
- var MasonryV1 = Schema.Struct({
41
- arrangement: Schema.Array(Schema.Struct({
42
- ids: Schema.Array(Obj.ID),
43
- hidden: Schema.optional(Schema.Boolean)
44
- }).pipe(Schema.mutable)).pipe(Schema.mutable, Schema.optional)
45
- }).pipe(Type.Obj({
46
- typename: "dxos.org/type/Masonry",
47
- version: "0.1.0"
48
- }));
49
-
50
- // src/types/MasonryAction.ts
51
- var MasonryAction_exports = {};
52
- __export(MasonryAction_exports, {
53
- CreateMasonry: () => CreateMasonry,
54
- MasonryProps: () => MasonryProps
55
- });
56
- import * as Schema2 from "effect/Schema";
57
- import { TypeInputOptionsAnnotation } from "@dxos/plugin-space/types";
58
- import { SpaceSchema } from "@dxos/react-client/echo";
59
-
60
- // src/meta.ts
61
- import { trim } from "@dxos/util";
62
- var meta = {
63
- id: "dxos.org/plugin/masonry",
64
- name: "Masonry",
65
- description: trim`
66
- Responsive grid layout that displays query results in an adaptive masonry pattern.
67
- Visualize collections of cards, images, or mixed content that automatically adjusts to available screen space.
68
- `,
69
- icon: "ph--wall--regular",
70
- iconHue: "green",
71
- source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry",
72
- screenshots: []
73
- };
74
-
75
- // src/types/MasonryAction.ts
76
- var MASONRY_ACTION = `${meta.id}/action`;
77
- var MasonryProps = Schema2.Struct({
78
- name: Schema2.optional(Schema2.String),
79
- // TODO(wittjosiah): This should be a query input instead.
80
- typename: Schema2.String.pipe(Schema2.annotations({
81
- title: "Select card type"
82
- }), TypeInputOptionsAnnotation.set({
83
- location: [
84
- "database",
85
- "runtime"
86
- ],
87
- kind: [
88
- "user"
89
- ],
90
- registered: [
91
- "registered"
92
- ]
93
- }), Schema2.optional)
94
- });
95
- var CreateMasonry = class extends Schema2.TaggedClass()(`${MASONRY_ACTION}/create`, {
96
- input: Schema2.extend(Schema2.Struct({
97
- space: SpaceSchema
98
- }), MasonryProps),
99
- output: Schema2.Struct({
100
- object: Masonry
101
- })
102
- }) {
103
- };
104
-
105
- export {
106
- meta,
107
- Masonry_exports,
108
- MasonryAction_exports
109
- };
110
- //# sourceMappingURL=chunk-VKN225ZV.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/types/Masonry.ts", "../../../src/types/MasonryAction.ts", "../../../src/meta.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Obj, Ref, Type } from '@dxos/echo';\nimport { FormInputAnnotation, LabelAnnotation } from '@dxos/echo/internal';\nimport { View, ViewAnnotation } from '@dxos/schema';\n\nconst MasonrySchema = Schema.Struct({\n name: Schema.String.pipe(Schema.optional),\n\n view: Type.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 }).pipe(Schema.mutable),\n ).pipe(Schema.mutable, 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.Obj({\n typename: 'dxos.org/type/Masonry',\n version: '0.2.0',\n }),\n LabelAnnotation.set(['name']),\n ViewAnnotation.set(true),\n);\nexport interface Masonry extends Schema.Schema.Type<typeof MasonrySchema> {}\nexport interface MasonryEncoded extends Schema.Schema.Encoded<typeof MasonrySchema> {}\nexport const Masonry: Schema.Schema<Masonry, MasonryEncoded> = MasonrySchema;\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//\n// V1\n//\n\nexport const MasonryV1 = Schema.Struct({\n arrangement: Schema.Array(\n Schema.Struct({\n ids: Schema.Array(Obj.ID),\n hidden: Schema.optional(Schema.Boolean),\n }).pipe(Schema.mutable),\n ).pipe(Schema.mutable, Schema.optional),\n}).pipe(\n Type.Obj({\n typename: 'dxos.org/type/Masonry',\n version: '0.1.0',\n }),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { TypeInputOptionsAnnotation } from '@dxos/plugin-space/types';\nimport { SpaceSchema } from '@dxos/react-client/echo';\n\nimport { meta } from '../meta';\n\nimport * as Masonry from './Masonry';\n\nconst MASONRY_ACTION = `${meta.id}/action`;\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 registered: ['registered'],\n }),\n Schema.optional,\n ),\n});\n\nexport class CreateMasonry extends Schema.TaggedClass<CreateMasonry>()(`${MASONRY_ACTION}/create`, {\n input: Schema.extend(Schema.Struct({ space: SpaceSchema }), MasonryProps),\n output: Schema.Struct({\n object: Masonry.Masonry,\n }),\n}) {}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: PluginMeta = {\n id: 'dxos.org/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"],
5
- "mappings": ";;;;;;;;AAAA;;;;;;AAIA,YAAYA,YAAY;AAExB,SAASC,KAAKC,KAAKC,YAAY;AAC/B,SAASC,qBAAqBC,uBAAuB;AACrD,SAASC,MAAMC,sBAAsB;AAErC,IAAMC,gBAAuBC,cAAO;EAClCC,MAAaC,cAAOC,KAAYC,eAAQ;EAExCC,MAAMC,KAAKC,IAAIC,KAAKA,IAAI,EAAEL,KAAKM,oBAAoBC,IAAI,KAAA,CAAA;EAEvDC,aAAoBC,aACXZ,cAAO;IACZa,KAAYD,aAAME,IAAIC,EAAE;IACxBC,QAAeZ,gBAAgBa,cAAO;EACxC,CAAA,EAAGd,KAAYe,cAAO,CAAA,EACtBf,KAAYe,gBAAST,oBAAoBC,IAAI,KAAA,GAAeN,eAAQ;AAExE,CAAA,EAAGD,KACDG,KAAKQ,IAAI;EACPK,UAAU;EACVC,SAAS;AACX,CAAA,GACAC,gBAAgBX,IAAI;EAAC;CAAO,GAC5BY,eAAeZ,IAAI,IAAA,CAAA;AAId,IAAMa,UAAkDxB;AASxD,IAAMyB,OAAO,CAAC,EAAEvB,MAAMU,cAAc,CAAA,GAAIN,KAAI,MAAa;AAC9D,SAAOS,IAAIU,KAAKD,SAAS;IAAEtB;IAAMI,MAAME,IAAIiB,KAAKnB,IAAAA;IAAOM;EAAY,CAAA;AACrE;AAMO,IAAMc,YAAmBzB,cAAO;EACrCW,aAAoBC,aACXZ,cAAO;IACZa,KAAYD,aAAME,IAAIC,EAAE;IACxBC,QAAeZ,gBAAgBa,cAAO;EACxC,CAAA,EAAGd,KAAYe,cAAO,CAAA,EACtBf,KAAYe,gBAAgBd,eAAQ;AACxC,CAAA,EAAGD,KACDG,KAAKQ,IAAI;EACPK,UAAU;EACVC,SAAS;AACX,CAAA,CAAA;;;AC5DF;;;;;AAIA,YAAYM,aAAY;AAExB,SAASC,kCAAkC;AAC3C,SAASC,mBAAmB;;;ACF5B,SAASC,YAAY;AAEd,IAAMC,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAaC;;;;EAIbC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,CAAA;AACf;;;ADLA,IAAMC,iBAAiB,GAAGC,KAAKC,EAAE;AAE1B,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;;IACPC,YAAY;MAAC;;EACf,CAAA,GACOV,gBAAQ;AAEnB,CAAA;AAEO,IAAMW,gBAAN,cAAmCC,oBAAW,EAAkB,GAAGlB,cAAAA,WAAyB;EACjGmB,OAAcC,eAAchB,eAAO;IAAEiB,OAAOC;EAAY,CAAA,GAAInB,YAAAA;EAC5DoB,QAAenB,eAAO;IACpBoB,QAAgBC;EAClB,CAAA;AACF,CAAA,EAAA;AAAI;",
6
- "names": ["Schema", "Obj", "Ref", "Type", "FormInputAnnotation", "LabelAnnotation", "View", "ViewAnnotation", "MasonrySchema", "Struct", "name", "String", "pipe", "optional", "view", "Type", "Ref", "View", "FormInputAnnotation", "set", "arrangement", "Array", "ids", "Obj", "ID", "hidden", "Boolean", "mutable", "typename", "version", "LabelAnnotation", "ViewAnnotation", "Masonry", "make", "MasonryV1", "Schema", "TypeInputOptionsAnnotation", "SpaceSchema", "trim", "meta", "id", "name", "description", "trim", "icon", "iconHue", "source", "screenshots", "MASONRY_ACTION", "meta", "id", "MasonryProps", "Struct", "name", "optional", "String", "typename", "pipe", "annotations", "title", "TypeInputOptionsAnnotation", "set", "location", "kind", "registered", "CreateMasonry", "TaggedClass", "input", "extend", "space", "SpaceSchema", "output", "object", "Masonry"]
7
- }
@@ -1,90 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- MasonryAction_exports,
4
- Masonry_exports,
5
- meta
6
- } from "./chunk-VKN225ZV.mjs";
7
-
8
- // src/MasonryPlugin.tsx
9
- import { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from "@dxos/app-framework";
10
- import { Type as Type2 } from "@dxos/echo";
11
- import { ClientCapabilities, ClientEvents } from "@dxos/plugin-client";
12
-
13
- // src/capabilities/index.ts
14
- import { lazy } from "@dxos/app-framework";
15
- var ReactSurface = lazy(() => import("./react-surface-7MHZZTKP.mjs"));
16
- var IntentResolver = lazy(() => import("./intent-resolver-AXT5HIJX.mjs"));
17
-
18
- // src/translations.ts
19
- import { Type } from "@dxos/echo";
20
- var translations = [
21
- {
22
- "en-US": {
23
- [Type.getTypename(Masonry_exports.Masonry)]: {
24
- "typename label": "Masonry",
25
- "typename label_zero": "Masonries",
26
- "typename label_one": "Masonry",
27
- "typename label_other": "Masonries",
28
- "object name placeholder": "New masonry",
29
- "rename object label": "Rename masonry",
30
- "delete object label": "Delete masonry",
31
- "object deleted label": "Masonry deleted"
32
- },
33
- [meta.id]: {
34
- "plugin name": "Masonry"
35
- }
36
- }
37
- }
38
- ];
39
-
40
- // src/MasonryPlugin.tsx
41
- var MasonryPlugin = definePlugin(meta, () => [
42
- defineModule({
43
- id: `${meta.id}/module/translations`,
44
- activatesOn: Events.SetupTranslations,
45
- activate: () => contributes(Capabilities.Translations, translations)
46
- }),
47
- defineModule({
48
- id: `${meta.id}/module/react-surface`,
49
- activatesOn: Events.SetupReactSurface,
50
- activate: ReactSurface
51
- }),
52
- defineModule({
53
- id: `${meta.id}/module/metadata`,
54
- activatesOn: Events.SetupMetadata,
55
- activate: () => contributes(Capabilities.Metadata, {
56
- id: Type2.getTypename(Masonry_exports.Masonry),
57
- metadata: {
58
- icon: "ph--wall--regular",
59
- iconHue: "green",
60
- inputSchema: MasonryAction_exports.MasonryProps,
61
- createObjectIntent: (props, options) => createIntent(MasonryAction_exports.CreateMasonry, {
62
- ...props,
63
- space: options.space
64
- })
65
- }
66
- })
67
- }),
68
- defineModule({
69
- id: `${meta.id}/module/schema`,
70
- activatesOn: ClientEvents.SetupSchema,
71
- activate: () => contributes(ClientCapabilities.Schema, [
72
- Masonry_exports.Masonry
73
- ])
74
- }),
75
- defineModule({
76
- id: `${meta.id}/module/react-surface`,
77
- activatesOn: Events.SetupReactSurface,
78
- activate: ReactSurface
79
- }),
80
- defineModule({
81
- id: `${meta.id}/module/intent-resolver`,
82
- activatesOn: Events.SetupIntentResolver,
83
- activate: IntentResolver
84
- })
85
- ]);
86
- export {
87
- MasonryPlugin,
88
- meta
89
- };
90
- //# sourceMappingURL=index.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/MasonryPlugin.tsx", "../../../src/capabilities/index.ts", "../../../src/translations.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, Events, contributes, createIntent, defineModule, definePlugin } from '@dxos/app-framework';\nimport { Type } from '@dxos/echo';\nimport { ClientCapabilities, ClientEvents } from '@dxos/plugin-client';\nimport { type CreateObjectIntent } 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: Type.getTypename(Masonry.Masonry),\n metadata: {\n icon: 'ph--wall--regular',\n iconHue: 'green',\n inputSchema: MasonryAction.MasonryProps,\n createObjectIntent: ((props, options) =>\n createIntent(MasonryAction.CreateMasonry, { ...props, space: options.space })) satisfies CreateObjectIntent,\n },\n }),\n }),\n defineModule({\n id: `${meta.id}/module/schema`,\n activatesOn: ClientEvents.SetupSchema,\n activate: () => contributes(ClientCapabilities.Schema, [Masonry.Masonry]),\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 } 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,SAASA,cAAcC,QAAQC,aAAaC,cAAcC,cAAcC,oBAAoB;AAC5F,SAASC,QAAAA,aAAY;AACrB,SAASC,oBAAoBC,oBAAoB;;;ACFjD,SAASC,YAAY;AAEd,IAAMC,eAAeC,KAAK,MAAM,OAAO,8BAAA,CAAA;AACvC,IAAMC,iBAAiBD,KAAK,MAAM,OAAO,gCAAA,CAAA;;;ACHhD,SAASE,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;;;;AFbK,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,MAAKC,YAAYC,gBAAQA,OAAO;MACpCC,UAAU;QACRC,MAAM;QACNC,SAAS;QACTC,aAAaC,sBAAcC;QAC3BC,oBAAqB,CAACC,OAAOC,YAC3BC,aAAaL,sBAAcM,eAAe;UAAE,GAAGH;UAAOI,OAAOH,QAAQG;QAAM,CAAA;MAC/E;IACF,CAAA;EACJ,CAAA;EACA5B,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAa2B,aAAaC;IAC1BzB,UAAU,MAAMC,YAAYyB,mBAAmBC,QAAQ;MAAChB,gBAAQA;KAAQ;EAC1E,CAAA;EACAhB,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAOO;IACpBL,UAAUM;EACZ,CAAA;EACAX,aAAa;IACXC,IAAI,GAAGF,KAAKE,EAAE;IACdC,aAAaC,OAAO8B;IACpB5B,UAAU6B;EACZ,CAAA;CACD;",
6
- "names": ["Capabilities", "Events", "contributes", "createIntent", "defineModule", "definePlugin", "Type", "ClientCapabilities", "ClientEvents", "lazy", "ReactSurface", "lazy", "IntentResolver", "Type", "translations", "Type", "getTypename", "Masonry", "meta", "id", "MasonryPlugin", "definePlugin", "meta", "defineModule", "id", "activatesOn", "Events", "SetupTranslations", "activate", "contributes", "Capabilities", "Translations", "translations", "SetupReactSurface", "ReactSurface", "SetupMetadata", "Metadata", "Type", "getTypename", "Masonry", "metadata", "icon", "iconHue", "inputSchema", "MasonryAction", "MasonryProps", "createObjectIntent", "props", "options", "createIntent", "CreateMasonry", "space", "ClientEvents", "SetupSchema", "ClientCapabilities", "Schema", "SetupIntentResolver", "IntentResolver"]
7
- }
@@ -1,36 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- MasonryAction_exports,
4
- Masonry_exports
5
- } from "./chunk-VKN225ZV.mjs";
6
-
7
- // src/capabilities/intent-resolver.ts
8
- import { Capabilities, contributes, createResolver } from "@dxos/app-framework";
9
- import { ClientCapabilities } from "@dxos/plugin-client";
10
- import { View } from "@dxos/schema";
11
- var intent_resolver_default = ((context) => contributes(Capabilities.IntentResolver, [
12
- createResolver({
13
- intent: MasonryAction_exports.CreateMasonry,
14
- resolve: async ({ space, name, typename }) => {
15
- const client = context.getCapability(ClientCapabilities.Client);
16
- const { view } = await View.makeFromSpace({
17
- client,
18
- space,
19
- typename
20
- });
21
- const masonry = Masonry_exports.make({
22
- name,
23
- view
24
- });
25
- return {
26
- data: {
27
- object: masonry
28
- }
29
- };
30
- }
31
- })
32
- ]));
33
- export {
34
- intent_resolver_default as default
35
- };
36
- //# sourceMappingURL=intent-resolver-AXT5HIJX.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/intent-resolver.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, type PluginContext, contributes, createResolver } from '@dxos/app-framework';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { View } from '@dxos/schema';\n\nimport { Masonry, MasonryAction } from '../types';\n\nexport default (context: PluginContext) =>\n contributes(Capabilities.IntentResolver, [\n createResolver({\n intent: MasonryAction.CreateMasonry,\n resolve: async ({ space, name, typename }) => {\n const client = context.getCapability(ClientCapabilities.Client);\n const { view } = await View.makeFromSpace({ client, space, typename });\n const masonry = Masonry.make({ name, view });\n return { data: { object: masonry } };\n },\n }),\n ]);\n"],
5
- "mappings": ";;;;;;;AAIA,SAASA,cAAkCC,aAAaC,sBAAsB;AAC9E,SAASC,0BAA0B;AACnC,SAASC,YAAY;AAIrB,IAAA,2BAAe,CAACC,YACdC,YAAYC,aAAaC,gBAAgB;EACvCC,eAAe;IACbC,QAAQC,sBAAcC;IACtBC,SAAS,OAAO,EAAEC,OAAOC,MAAMC,SAAQ,MAAE;AACvC,YAAMC,SAASZ,QAAQa,cAAcC,mBAAmBC,MAAM;AAC9D,YAAM,EAAEC,KAAI,IAAK,MAAMC,KAAKC,cAAc;QAAEN;QAAQH;QAAOE;MAAS,CAAA;AACpE,YAAMQ,UAAUC,gBAAQC,KAAK;QAAEX;QAAMM;MAAK,CAAA;AAC1C,aAAO;QAAEM,MAAM;UAAEC,QAAQJ;QAAQ;MAAE;IACrC;EACF,CAAA;CACD;",
6
- "names": ["Capabilities", "contributes", "createResolver", "ClientCapabilities", "View", "context", "contributes", "Capabilities", "IntentResolver", "createResolver", "intent", "MasonryAction", "CreateMasonry", "resolve", "space", "name", "typename", "client", "getCapability", "ClientCapabilities", "Client", "view", "View", "makeFromSpace", "masonry", "Masonry", "make", "data", "object"]
7
- }
@@ -1 +0,0 @@
1
- {"inputs":{"src/meta.ts":{"bytes":1970,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/components/MasonryContainer.tsx":{"bytes":7984,"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/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":6175,"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":4027,"imports":[{"path":"effect/Schema","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"src/types/Masonry.ts","kind":"import-statement","original":"./Masonry"}],"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":2912,"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":"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":3469,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/schema","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":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":7519,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"src/capabilities/index.ts","kind":"import-statement","original":"./capabilities"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"src/index.ts":{"bytes":555,"imports":[{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/MasonryPlugin.tsx","kind":"import-statement","original":"./MasonryPlugin"}],"format":"esm"}},"outputs":{"dist/lib/node-esm/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5275},"dist/lib/node-esm/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-VKN225ZV.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"dist/lib/node-esm/react-surface-7MHZZTKP.mjs","kind":"dynamic-import"},{"path":"dist/lib/node-esm/intent-resolver-AXT5HIJX.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":1600},"src/capabilities/index.ts":{"bytesInOutput":190},"src/translations.ts":{"bytesInOutput":575}},"bytes":2725},"dist/lib/node-esm/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/node-esm/types/index.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-VKN225ZV.mjs","kind":"import-statement"}],"exports":["Masonry","MasonryAction"],"entryPoint":"src/types/index.ts","inputs":{},"bytes":294},"dist/lib/node-esm/react-surface-7MHZZTKP.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":5478},"dist/lib/node-esm/react-surface-7MHZZTKP.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-VKN225ZV.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":"@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/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":530},"src/components/MasonryContainer.tsx":{"bytesInOutput":2141}},"bytes":3046},"dist/lib/node-esm/intent-resolver-AXT5HIJX.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1737},"dist/lib/node-esm/intent-resolver-AXT5HIJX.mjs":{"imports":[{"path":"dist/lib/node-esm/chunk-VKN225ZV.mjs","kind":"import-statement"},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/plugin-client","kind":"import-statement","external":true},{"path":"@dxos/schema","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"src/capabilities/intent-resolver.ts","inputs":{"src/capabilities/intent-resolver.ts":{"bytesInOutput":736}},"bytes":1054},"dist/lib/node-esm/chunk-VKN225ZV.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":6088},"dist/lib/node-esm/chunk-VKN225ZV.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},{"path":"@dxos/react-client/echo","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true}],"exports":["MasonryAction_exports","Masonry_exports","meta"],"inputs":{"src/types/Masonry.ts":{"bytesInOutput":1318},"src/types/index.ts":{"bytesInOutput":0},"src/types/MasonryAction.ts":{"bytesInOutput":1006},"src/meta.ts":{"bytesInOutput":482}},"bytes":3276}}}
@@ -1,96 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- Masonry_exports,
4
- meta
5
- } from "./chunk-VKN225ZV.mjs";
6
-
7
- // src/capabilities/react-surface.tsx
8
- import React2 from "react";
9
- import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
10
- import { Obj } from "@dxos/echo";
11
-
12
- // src/components/MasonryContainer.tsx
13
- import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
14
- import React, { useEffect, useState } from "react";
15
- import { Surface } from "@dxos/app-framework/react";
16
- import { Filter, Type } from "@dxos/echo";
17
- import { useGlobalFilteredObjects } from "@dxos/plugin-search";
18
- import { useClient } from "@dxos/react-client";
19
- import { getSpace, useQuery } from "@dxos/react-client/echo";
20
- import { Masonry as MasonryComponent } from "@dxos/react-ui-masonry";
21
- import { getTypenameFromQuery } from "@dxos/schema";
22
- var Item = ({ data }) => {
23
- var _effect = _useSignals();
24
- try {
25
- return /* @__PURE__ */ React.createElement(Surface, {
26
- role: "card",
27
- limit: 1,
28
- data: {
29
- subject: data
30
- }
31
- });
32
- } finally {
33
- _effect.f();
34
- }
35
- };
36
- var MasonryContainer = ({ object, role }) => {
37
- var _effect = _useSignals();
38
- try {
39
- const client = useClient();
40
- const space = getSpace(object);
41
- const typename = object.view.target?.query ? getTypenameFromQuery(object.view.target.query.ast) : void 0;
42
- const [cardSchema, setCardSchema] = useState();
43
- useEffect(() => {
44
- const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);
45
- if (staticSchema) {
46
- setCardSchema(() => staticSchema);
47
- }
48
- if (!staticSchema && typename && space) {
49
- const query = space.db.schemaRegistry.query({
50
- typename
51
- });
52
- const unsubscribe = query.subscribe(() => {
53
- const [schema] = query.results;
54
- if (schema) {
55
- setCardSchema(schema);
56
- }
57
- }, {
58
- fire: true
59
- });
60
- return unsubscribe;
61
- }
62
- }, [
63
- typename,
64
- space
65
- ]);
66
- const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
67
- const filteredObjects = useGlobalFilteredObjects(objects);
68
- return /* @__PURE__ */ React.createElement(MasonryComponent.Root, {
69
- items: filteredObjects,
70
- render: Item,
71
- classNames: "is-full max-is-full bs-full max-bs-full overflow-y-auto p-4"
72
- });
73
- } finally {
74
- _effect.f();
75
- }
76
- };
77
-
78
- // src/capabilities/react-surface.tsx
79
- var react_surface_default = (() => contributes(Capabilities.ReactSurface, [
80
- createSurface({
81
- id: meta.id,
82
- role: [
83
- "article",
84
- "section"
85
- ],
86
- filter: (data) => Obj.instanceOf(Masonry_exports.Masonry, data.subject),
87
- component: ({ data, role }) => /* @__PURE__ */ React2.createElement(MasonryContainer, {
88
- object: data.subject,
89
- role
90
- })
91
- })
92
- ]));
93
- export {
94
- react_surface_default as default
95
- };
96
- //# sourceMappingURL=react-surface-7MHZZTKP.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/MasonryContainer.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\n\nimport { MasonryContainer } from '../components/MasonryContainer';\nimport { meta } from '../meta';\nimport { Masonry } from '../types';\n\nexport default () =>\n contributes(Capabilities.ReactSurface, [\n createSurface({\n id: meta.id,\n role: ['article', 'section'],\n filter: (data): data is { subject: Masonry.Masonry } => Obj.instanceOf(Masonry.Masonry, data.subject),\n component: ({ data, role }) => <MasonryContainer object={data.subject} role={role} />,\n }),\n ]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport React, { useEffect, useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework/react';\nimport { Filter, Type } from '@dxos/echo';\nimport { type TypedObject } from '@dxos/echo/internal';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { useClient } from '@dxos/react-client';\nimport { getSpace, useQuery } from '@dxos/react-client/echo';\nimport { Masonry as MasonryComponent } from '@dxos/react-ui-masonry';\nimport { getTypenameFromQuery } from '@dxos/schema';\n\nimport { type Masonry } from '../types';\n\nconst Item = ({ data }: { data: any }) => {\n return <Surface role='card' limit={1} data={{ subject: data }} />;\n};\n\nexport const MasonryContainer = ({ object, role }: { object: Masonry.Masonry; role?: string }) => {\n const client = useClient();\n const space = getSpace(object);\n const typename = object.view.target?.query ? getTypenameFromQuery(object.view.target.query.ast) : undefined;\n\n const [cardSchema, setCardSchema] = useState<TypedObject<any, any>>();\n\n useEffect(() => {\n const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);\n if (staticSchema) {\n setCardSchema(() => staticSchema as TypedObject<any, any>);\n }\n if (!staticSchema && typename && space) {\n const query = space.db.schemaRegistry.query({ typename });\n const unsubscribe = query.subscribe(\n () => {\n const [schema] = query.results;\n if (schema) {\n setCardSchema(schema);\n }\n },\n { fire: true },\n );\n return unsubscribe;\n }\n }, [typename, space]);\n\n const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());\n const filteredObjects = useGlobalFilteredObjects(objects);\n\n return (\n <MasonryComponent.Root\n items={filteredObjects}\n render={Item as any}\n classNames='is-full max-is-full bs-full max-bs-full overflow-y-auto p-4'\n />\n );\n};\n"],
5
- "mappings": ";;;;;;;AAIA,OAAOA,YAAW;AAElB,SAASC,cAAcC,aAAaC,qBAAqB;AACzD,SAASC,WAAW;;;;ACHpB,OAAOC,SAASC,WAAWC,gBAAgB;AAE3C,SAASC,eAAe;AACxB,SAASC,QAAQC,YAAY;AAE7B,SAASC,gCAAgC;AACzC,SAASC,iBAAiB;AAC1B,SAASC,UAAUC,gBAAgB;AACnC,SAASC,WAAWC,wBAAwB;AAC5C,SAASC,4BAA4B;AAIrC,IAAMC,OAAO,CAAC,EAAEC,KAAI,MAAiB;;;AACnC,WAAO,sBAAA,cAACC,SAAAA;MAAQC,MAAK;MAAOC,OAAO;MAAGH,MAAM;QAAEI,SAASJ;MAAK;;;;;AAC9D;AAEO,IAAMK,mBAAmB,CAAC,EAAEC,QAAQJ,KAAI,MAA8C;;;AAC3F,UAAMK,SAASC,UAAAA;AACf,UAAMC,QAAQC,SAASJ,MAAAA;AACvB,UAAMK,WAAWL,OAAOM,KAAKC,QAAQC,QAAQC,qBAAqBT,OAAOM,KAAKC,OAAOC,MAAME,GAAG,IAAIC;AAElG,UAAM,CAACC,YAAYC,aAAAA,IAAiBC,SAAAA;AAEpCC,cAAU,MAAA;AACR,YAAMC,eAAef,OAAOgB,MAAMC,eAAeC,QAAQC,KAAK,CAACC,WAAWC,KAAKC,YAAYF,MAAAA,MAAYhB,QAAAA;AACvG,UAAIW,cAAc;AAChBH,sBAAc,MAAMG,YAAAA;MACtB;AACA,UAAI,CAACA,gBAAgBX,YAAYF,OAAO;AACtC,cAAMK,QAAQL,MAAMqB,GAAGN,eAAeV,MAAM;UAAEH;QAAS,CAAA;AACvD,cAAMoB,cAAcjB,MAAMkB,UACxB,MAAA;AACE,gBAAM,CAACL,MAAAA,IAAUb,MAAMmB;AACvB,cAAIN,QAAQ;AACVR,0BAAcQ,MAAAA;UAChB;QACF,GACA;UAAEO,MAAM;QAAK,CAAA;AAEf,eAAOH;MACT;IACF,GAAG;MAACpB;MAAUF;KAAM;AAEpB,UAAM0B,UAAUC,SAAS3B,OAAOS,aAAamB,OAAOC,KAAKpB,UAAAA,IAAcmB,OAAOE,QAAO,CAAA;AACrF,UAAMC,kBAAkBC,yBAAyBN,OAAAA;AAEjD,WACE,sBAAA,cAACO,iBAAiBC,MAAI;MACpBC,OAAOJ;MACPK,QAAQ9C;MACR+C,YAAW;;;;;AAGjB;;;AD7CA,IAAA,yBAAe,MACbC,YAAYC,aAAaC,cAAc;EACrCC,cAAc;IACZC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SAA+CC,IAAIC,WAAWC,gBAAQA,SAASH,KAAKI,OAAO;IACpGC,WAAW,CAAC,EAAEL,MAAMF,KAAI,MAAO,gBAAAQ,OAAA,cAACC,kBAAAA;MAAiBC,QAAQR,KAAKI;MAASN;;EACzE,CAAA;CACD;",
6
- "names": ["React", "Capabilities", "contributes", "createSurface", "Obj", "React", "useEffect", "useState", "Surface", "Filter", "Type", "useGlobalFilteredObjects", "useClient", "getSpace", "useQuery", "Masonry", "MasonryComponent", "getTypenameFromQuery", "Item", "data", "Surface", "role", "limit", "subject", "MasonryContainer", "object", "client", "useClient", "space", "getSpace", "typename", "view", "target", "query", "getTypenameFromQuery", "ast", "undefined", "cardSchema", "setCardSchema", "useState", "useEffect", "staticSchema", "graph", "schemaRegistry", "schemas", "find", "schema", "Type", "getTypename", "db", "unsubscribe", "subscribe", "results", "fire", "objects", "useQuery", "Filter", "type", "nothing", "filteredObjects", "useGlobalFilteredObjects", "MasonryComponent", "Root", "items", "render", "classNames", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Masonry", "subject", "component", "React", "MasonryContainer", "object"]
7
- }
@@ -1,10 +0,0 @@
1
- import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
2
- import {
3
- MasonryAction_exports,
4
- Masonry_exports
5
- } from "../chunk-VKN225ZV.mjs";
6
- export {
7
- Masonry_exports as Masonry,
8
- MasonryAction_exports as MasonryAction
9
- };
10
- //# sourceMappingURL=index.mjs.map
@@ -1,4 +0,0 @@
1
- import { Capabilities, type PluginContext } from '@dxos/app-framework';
2
- declare const _default: (context: PluginContext) => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.IntentResolver>>;
3
- export default _default;
4
- //# sourceMappingURL=intent-resolver.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"intent-resolver.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/intent-resolver.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,KAAK,aAAa,EAA+B,MAAM,qBAAqB,CAAC;yBAMpF,SAAS,aAAa;AAAtC,wBAWK"}
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { type Masonry } from '../types';
3
- export declare const MasonryContainer: ({ object, role }: {
4
- object: Masonry.Masonry;
5
- role?: string;
6
- }) => React.JSX.Element;
7
- //# sourceMappingURL=MasonryContainer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MasonryContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/MasonryContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,UAAU,CAAC;AAMxC,eAAO,MAAM,gBAAgB,GAAI,kBAAkB;IAAE,MAAM,EAAE,OAAO,CAAC,OAAO,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,sBAqC5F,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"MasonryContainer.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/MasonryContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAgC1B,QAAA,MAAM,IAAI;;;;;;;;CAmCM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
@@ -1,22 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import { Capabilities, type PluginContext, contributes, createResolver } from '@dxos/app-framework';
6
- import { ClientCapabilities } from '@dxos/plugin-client';
7
- import { View } from '@dxos/schema';
8
-
9
- import { Masonry, MasonryAction } from '../types';
10
-
11
- export default (context: PluginContext) =>
12
- contributes(Capabilities.IntentResolver, [
13
- createResolver({
14
- intent: MasonryAction.CreateMasonry,
15
- resolve: async ({ space, name, typename }) => {
16
- const client = context.getCapability(ClientCapabilities.Client);
17
- const { view } = await View.makeFromSpace({ client, space, typename });
18
- const masonry = Masonry.make({ name, view });
19
- return { data: { object: masonry } };
20
- },
21
- }),
22
- ]);
@@ -1,79 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import { type Meta, type StoryObj } from '@storybook/react-vite';
6
- import React from 'react';
7
-
8
- import { IntentPlugin, SettingsPlugin } from '@dxos/app-framework';
9
- import { withPluginManager } from '@dxos/app-framework/testing';
10
- import { ClientPlugin } from '@dxos/plugin-client';
11
- import { PreviewPlugin } from '@dxos/plugin-preview';
12
- import { SpacePlugin } from '@dxos/plugin-space';
13
- import { StorybookLayoutPlugin } from '@dxos/plugin-storybook-layout';
14
- import { ThemePlugin } from '@dxos/plugin-theme';
15
- import { faker } from '@dxos/random';
16
- import { Filter, useQuery, useSpaces } from '@dxos/react-client/echo';
17
- import { withTheme } from '@dxos/react-ui/testing';
18
- import { defaultTx } from '@dxos/react-ui-theme';
19
- import { View } from '@dxos/schema';
20
- import { createObjectFactory } from '@dxos/schema/testing';
21
- import { Organization } from '@dxos/types';
22
-
23
- import { Masonry } from '../types';
24
-
25
- import { MasonryContainer } from './MasonryContainer';
26
-
27
- faker.seed(0);
28
-
29
- const StorybookMasonry = () => {
30
- const spaces = useSpaces();
31
- const space = spaces[spaces.length - 1];
32
- const masonries = useQuery(space, Filter.type(Masonry.Masonry));
33
- const masonry = masonries.at(0);
34
-
35
- return masonry ? <MasonryContainer object={masonry} role='story' /> : null;
36
- };
37
-
38
- const meta = {
39
- title: 'plugins/plugin-masonry/Masonry',
40
- component: StorybookMasonry,
41
- render: () => <StorybookMasonry />,
42
- decorators: [
43
- withTheme,
44
- withPluginManager({
45
- plugins: [
46
- ClientPlugin({
47
- types: [Organization.Organization, View.View, Masonry.Masonry],
48
- onClientInitialized: async ({ client }) => {
49
- await client.halo.createIdentity();
50
- const space = await client.spaces.create();
51
- await space.waitUntilReady();
52
-
53
- const { view } = await View.makeFromSpace({ client, space, typename: Organization.Organization.typename });
54
- const masonry = Masonry.make({ view });
55
- space.db.add(masonry);
56
-
57
- const factory = createObjectFactory(space.db, faker as any);
58
- await factory([{ type: Organization.Organization, count: 64 }]);
59
- },
60
- }),
61
- SpacePlugin({}),
62
- IntentPlugin(),
63
- SettingsPlugin(),
64
- ThemePlugin({ tx: defaultTx }),
65
- PreviewPlugin(),
66
- StorybookLayoutPlugin({}),
67
- ],
68
- }),
69
- ],
70
- parameters: {
71
- layout: 'fullscreen',
72
- },
73
- } satisfies Meta;
74
-
75
- export default meta;
76
-
77
- type Story = StoryObj<typeof meta>;
78
-
79
- export const Default: Story = {};
@@ -1,59 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import React, { useEffect, useState } from 'react';
6
-
7
- import { Surface } from '@dxos/app-framework/react';
8
- import { Filter, Type } from '@dxos/echo';
9
- import { type TypedObject } from '@dxos/echo/internal';
10
- import { useGlobalFilteredObjects } from '@dxos/plugin-search';
11
- import { useClient } from '@dxos/react-client';
12
- import { getSpace, useQuery } from '@dxos/react-client/echo';
13
- import { Masonry as MasonryComponent } from '@dxos/react-ui-masonry';
14
- import { getTypenameFromQuery } from '@dxos/schema';
15
-
16
- import { type Masonry } from '../types';
17
-
18
- const Item = ({ data }: { data: any }) => {
19
- return <Surface role='card' limit={1} data={{ subject: data }} />;
20
- };
21
-
22
- export const MasonryContainer = ({ object, role }: { object: Masonry.Masonry; role?: string }) => {
23
- const client = useClient();
24
- const space = getSpace(object);
25
- const typename = object.view.target?.query ? getTypenameFromQuery(object.view.target.query.ast) : undefined;
26
-
27
- const [cardSchema, setCardSchema] = useState<TypedObject<any, any>>();
28
-
29
- useEffect(() => {
30
- const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);
31
- if (staticSchema) {
32
- setCardSchema(() => staticSchema as TypedObject<any, any>);
33
- }
34
- if (!staticSchema && typename && space) {
35
- const query = space.db.schemaRegistry.query({ typename });
36
- const unsubscribe = query.subscribe(
37
- () => {
38
- const [schema] = query.results;
39
- if (schema) {
40
- setCardSchema(schema);
41
- }
42
- },
43
- { fire: true },
44
- );
45
- return unsubscribe;
46
- }
47
- }, [typename, space]);
48
-
49
- const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
50
- const filteredObjects = useGlobalFilteredObjects(objects);
51
-
52
- return (
53
- <MasonryComponent.Root
54
- items={filteredObjects}
55
- render={Item as any}
56
- classNames='is-full max-is-full bs-full max-bs-full overflow-y-auto p-4'
57
- />
58
- );
59
- };