@dxos/plugin-masonry 0.8.4-main.70d3990 → 0.8.4-main.74a063c4e0
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.
- package/dist/lib/browser/chunk-J5LGTIGS.mjs +10 -0
- package/dist/lib/browser/chunk-J5LGTIGS.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +77 -69
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/types/index.mjs +60 -3
- package/dist/lib/browser/types/index.mjs.map +4 -4
- package/dist/lib/node-esm/chunk-HSLMI22Q.mjs +11 -0
- package/dist/lib/node-esm/chunk-HSLMI22Q.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +77 -69
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/types/index.mjs +60 -3
- package/dist/lib/node-esm/types/index.mjs.map +4 -4
- package/dist/types/src/MasonryPlugin.d.ts +2 -1
- package/dist/types/src/MasonryPlugin.d.ts.map +1 -1
- package/dist/types/src/capabilities/index.d.ts +2 -2
- package/dist/types/src/capabilities/index.d.ts.map +1 -1
- package/dist/types/src/capabilities/react-surface.d.ts +3 -2
- package/dist/types/src/capabilities/react-surface.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +1 -0
- package/dist/types/src/components/index.d.ts.map +1 -0
- package/dist/types/src/containers/MasonryContainer/MasonryContainer.d.ts +12 -0
- package/dist/types/src/containers/MasonryContainer/MasonryContainer.d.ts.map +1 -0
- package/dist/types/src/containers/MasonryContainer/MasonryContainer.stories.d.ts.map +1 -0
- package/dist/types/src/containers/MasonryContainer/index.d.ts +2 -0
- package/dist/types/src/containers/MasonryContainer/index.d.ts.map +1 -0
- package/dist/types/src/containers/index.d.ts +3 -0
- package/dist/types/src/containers/index.d.ts.map +1 -0
- package/dist/types/src/meta.d.ts +2 -2
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/translations.d.ts +20 -18
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types/Masonry.d.ts +10 -19
- package/dist/types/src/types/Masonry.d.ts.map +1 -1
- package/dist/types/src/types/MasonryAction.d.ts +0 -17
- package/dist/types/src/types/MasonryAction.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +48 -34
- package/src/MasonryPlugin.tsx +42 -48
- package/src/capabilities/index.ts +2 -3
- package/src/capabilities/react-surface.tsx +23 -13
- package/src/components/index.ts +3 -0
- package/src/containers/MasonryContainer/MasonryContainer.stories.tsx +78 -0
- package/src/containers/MasonryContainer/MasonryContainer.tsx +124 -0
- package/src/containers/MasonryContainer/index.ts +5 -0
- package/src/containers/index.ts +7 -0
- package/src/meta.ts +3 -3
- package/src/translations.ts +12 -11
- package/src/types/Masonry.ts +16 -30
- package/src/types/MasonryAction.ts +0 -15
- package/dist/lib/browser/chunk-4I5S2QKH.mjs +0 -109
- package/dist/lib/browser/chunk-4I5S2QKH.mjs.map +0 -7
- package/dist/lib/browser/intent-resolver-7WOSAD4H.mjs +0 -35
- package/dist/lib/browser/intent-resolver-7WOSAD4H.mjs.map +0 -7
- package/dist/lib/browser/react-surface-CFD3AW3U.mjs +0 -95
- package/dist/lib/browser/react-surface-CFD3AW3U.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-VKN225ZV.mjs +0 -110
- package/dist/lib/node-esm/chunk-VKN225ZV.mjs.map +0 -7
- package/dist/lib/node-esm/intent-resolver-AXT5HIJX.mjs +0 -36
- package/dist/lib/node-esm/intent-resolver-AXT5HIJX.mjs.map +0 -7
- package/dist/lib/node-esm/react-surface-7MHZZTKP.mjs +0 -96
- package/dist/lib/node-esm/react-surface-7MHZZTKP.mjs.map +0 -7
- package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
- package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
- package/dist/types/src/components/MasonryContainer.d.ts +0 -7
- package/dist/types/src/components/MasonryContainer.d.ts.map +0 -1
- package/dist/types/src/components/MasonryContainer.stories.d.ts.map +0 -1
- package/src/capabilities/intent-resolver.ts +0 -22
- package/src/components/MasonryContainer.stories.tsx +0 -79
- package/src/components/MasonryContainer.tsx +0 -59
- /package/dist/types/src/{components → containers/MasonryContainer}/MasonryContainer.stories.d.ts +0 -0
|
@@ -1,109 +0,0 @@
|
|
|
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
|
-
// src/types/Masonry.ts
|
|
8
|
-
var Masonry_exports = {};
|
|
9
|
-
__export(Masonry_exports, {
|
|
10
|
-
Masonry: () => Masonry,
|
|
11
|
-
MasonryV1: () => MasonryV1,
|
|
12
|
-
make: () => make
|
|
13
|
-
});
|
|
14
|
-
import * as Schema from "effect/Schema";
|
|
15
|
-
import { Obj, Ref, Type } from "@dxos/echo";
|
|
16
|
-
import { FormInputAnnotation, LabelAnnotation } from "@dxos/echo/internal";
|
|
17
|
-
import { View, ViewAnnotation } from "@dxos/schema";
|
|
18
|
-
var MasonrySchema = Schema.Struct({
|
|
19
|
-
name: Schema.String.pipe(Schema.optional),
|
|
20
|
-
view: Type.Ref(View.View).pipe(FormInputAnnotation.set(false)),
|
|
21
|
-
arrangement: Schema.Array(Schema.Struct({
|
|
22
|
-
ids: Schema.Array(Obj.ID),
|
|
23
|
-
hidden: Schema.optional(Schema.Boolean)
|
|
24
|
-
}).pipe(Schema.mutable)).pipe(Schema.mutable, FormInputAnnotation.set(false), Schema.optional)
|
|
25
|
-
}).pipe(Type.Obj({
|
|
26
|
-
typename: "dxos.org/type/Masonry",
|
|
27
|
-
version: "0.2.0"
|
|
28
|
-
}), LabelAnnotation.set([
|
|
29
|
-
"name"
|
|
30
|
-
]), ViewAnnotation.set(true));
|
|
31
|
-
var Masonry = MasonrySchema;
|
|
32
|
-
var make = ({ name, arrangement = [], view }) => {
|
|
33
|
-
return Obj.make(Masonry, {
|
|
34
|
-
name,
|
|
35
|
-
view: Ref.make(view),
|
|
36
|
-
arrangement
|
|
37
|
-
});
|
|
38
|
-
};
|
|
39
|
-
var MasonryV1 = Schema.Struct({
|
|
40
|
-
arrangement: Schema.Array(Schema.Struct({
|
|
41
|
-
ids: Schema.Array(Obj.ID),
|
|
42
|
-
hidden: Schema.optional(Schema.Boolean)
|
|
43
|
-
}).pipe(Schema.mutable)).pipe(Schema.mutable, Schema.optional)
|
|
44
|
-
}).pipe(Type.Obj({
|
|
45
|
-
typename: "dxos.org/type/Masonry",
|
|
46
|
-
version: "0.1.0"
|
|
47
|
-
}));
|
|
48
|
-
|
|
49
|
-
// src/types/MasonryAction.ts
|
|
50
|
-
var MasonryAction_exports = {};
|
|
51
|
-
__export(MasonryAction_exports, {
|
|
52
|
-
CreateMasonry: () => CreateMasonry,
|
|
53
|
-
MasonryProps: () => MasonryProps
|
|
54
|
-
});
|
|
55
|
-
import * as Schema2 from "effect/Schema";
|
|
56
|
-
import { TypeInputOptionsAnnotation } from "@dxos/plugin-space/types";
|
|
57
|
-
import { SpaceSchema } from "@dxos/react-client/echo";
|
|
58
|
-
|
|
59
|
-
// src/meta.ts
|
|
60
|
-
import { trim } from "@dxos/util";
|
|
61
|
-
var meta = {
|
|
62
|
-
id: "dxos.org/plugin/masonry",
|
|
63
|
-
name: "Masonry",
|
|
64
|
-
description: trim`
|
|
65
|
-
Responsive grid layout that displays query results in an adaptive masonry pattern.
|
|
66
|
-
Visualize collections of cards, images, or mixed content that automatically adjusts to available screen space.
|
|
67
|
-
`,
|
|
68
|
-
icon: "ph--wall--regular",
|
|
69
|
-
iconHue: "green",
|
|
70
|
-
source: "https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-masonry",
|
|
71
|
-
screenshots: []
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
// src/types/MasonryAction.ts
|
|
75
|
-
var MASONRY_ACTION = `${meta.id}/action`;
|
|
76
|
-
var MasonryProps = Schema2.Struct({
|
|
77
|
-
name: Schema2.optional(Schema2.String),
|
|
78
|
-
// TODO(wittjosiah): This should be a query input instead.
|
|
79
|
-
typename: Schema2.String.pipe(Schema2.annotations({
|
|
80
|
-
title: "Select card type"
|
|
81
|
-
}), TypeInputOptionsAnnotation.set({
|
|
82
|
-
location: [
|
|
83
|
-
"database",
|
|
84
|
-
"runtime"
|
|
85
|
-
],
|
|
86
|
-
kind: [
|
|
87
|
-
"user"
|
|
88
|
-
],
|
|
89
|
-
registered: [
|
|
90
|
-
"registered"
|
|
91
|
-
]
|
|
92
|
-
}), Schema2.optional)
|
|
93
|
-
});
|
|
94
|
-
var CreateMasonry = class extends Schema2.TaggedClass()(`${MASONRY_ACTION}/create`, {
|
|
95
|
-
input: Schema2.extend(Schema2.Struct({
|
|
96
|
-
space: SpaceSchema
|
|
97
|
-
}), MasonryProps),
|
|
98
|
-
output: Schema2.Struct({
|
|
99
|
-
object: Masonry
|
|
100
|
-
})
|
|
101
|
-
}) {
|
|
102
|
-
};
|
|
103
|
-
|
|
104
|
-
export {
|
|
105
|
-
meta,
|
|
106
|
-
Masonry_exports,
|
|
107
|
-
MasonryAction_exports
|
|
108
|
-
};
|
|
109
|
-
//# sourceMappingURL=chunk-4I5S2QKH.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,35 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
MasonryAction_exports,
|
|
3
|
-
Masonry_exports
|
|
4
|
-
} from "./chunk-4I5S2QKH.mjs";
|
|
5
|
-
|
|
6
|
-
// src/capabilities/intent-resolver.ts
|
|
7
|
-
import { Capabilities, contributes, createResolver } from "@dxos/app-framework";
|
|
8
|
-
import { ClientCapabilities } from "@dxos/plugin-client";
|
|
9
|
-
import { View } from "@dxos/schema";
|
|
10
|
-
var intent_resolver_default = ((context) => contributes(Capabilities.IntentResolver, [
|
|
11
|
-
createResolver({
|
|
12
|
-
intent: MasonryAction_exports.CreateMasonry,
|
|
13
|
-
resolve: async ({ space, name, typename }) => {
|
|
14
|
-
const client = context.getCapability(ClientCapabilities.Client);
|
|
15
|
-
const { view } = await View.makeFromSpace({
|
|
16
|
-
client,
|
|
17
|
-
space,
|
|
18
|
-
typename
|
|
19
|
-
});
|
|
20
|
-
const masonry = Masonry_exports.make({
|
|
21
|
-
name,
|
|
22
|
-
view
|
|
23
|
-
});
|
|
24
|
-
return {
|
|
25
|
-
data: {
|
|
26
|
-
object: masonry
|
|
27
|
-
}
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
})
|
|
31
|
-
]));
|
|
32
|
-
export {
|
|
33
|
-
intent_resolver_default as default
|
|
34
|
-
};
|
|
35
|
-
//# sourceMappingURL=intent-resolver-7WOSAD4H.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,95 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
Masonry_exports,
|
|
3
|
-
meta
|
|
4
|
-
} from "./chunk-4I5S2QKH.mjs";
|
|
5
|
-
|
|
6
|
-
// src/capabilities/react-surface.tsx
|
|
7
|
-
import React2 from "react";
|
|
8
|
-
import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
|
|
9
|
-
import { Obj } from "@dxos/echo";
|
|
10
|
-
|
|
11
|
-
// src/components/MasonryContainer.tsx
|
|
12
|
-
import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
|
|
13
|
-
import React, { useEffect, useState } from "react";
|
|
14
|
-
import { Surface } from "@dxos/app-framework/react";
|
|
15
|
-
import { Filter, Type } from "@dxos/echo";
|
|
16
|
-
import { useGlobalFilteredObjects } from "@dxos/plugin-search";
|
|
17
|
-
import { useClient } from "@dxos/react-client";
|
|
18
|
-
import { getSpace, useQuery } from "@dxos/react-client/echo";
|
|
19
|
-
import { Masonry as MasonryComponent } from "@dxos/react-ui-masonry";
|
|
20
|
-
import { getTypenameFromQuery } from "@dxos/schema";
|
|
21
|
-
var Item = ({ data }) => {
|
|
22
|
-
var _effect = _useSignals();
|
|
23
|
-
try {
|
|
24
|
-
return /* @__PURE__ */ React.createElement(Surface, {
|
|
25
|
-
role: "card",
|
|
26
|
-
limit: 1,
|
|
27
|
-
data: {
|
|
28
|
-
subject: data
|
|
29
|
-
}
|
|
30
|
-
});
|
|
31
|
-
} finally {
|
|
32
|
-
_effect.f();
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
var MasonryContainer = ({ object, role }) => {
|
|
36
|
-
var _effect = _useSignals();
|
|
37
|
-
try {
|
|
38
|
-
const client = useClient();
|
|
39
|
-
const space = getSpace(object);
|
|
40
|
-
const typename = object.view.target?.query ? getTypenameFromQuery(object.view.target.query.ast) : void 0;
|
|
41
|
-
const [cardSchema, setCardSchema] = useState();
|
|
42
|
-
useEffect(() => {
|
|
43
|
-
const staticSchema = client.graph.schemaRegistry.schemas.find((schema) => Type.getTypename(schema) === typename);
|
|
44
|
-
if (staticSchema) {
|
|
45
|
-
setCardSchema(() => staticSchema);
|
|
46
|
-
}
|
|
47
|
-
if (!staticSchema && typename && space) {
|
|
48
|
-
const query = space.db.schemaRegistry.query({
|
|
49
|
-
typename
|
|
50
|
-
});
|
|
51
|
-
const unsubscribe = query.subscribe(() => {
|
|
52
|
-
const [schema] = query.results;
|
|
53
|
-
if (schema) {
|
|
54
|
-
setCardSchema(schema);
|
|
55
|
-
}
|
|
56
|
-
}, {
|
|
57
|
-
fire: true
|
|
58
|
-
});
|
|
59
|
-
return unsubscribe;
|
|
60
|
-
}
|
|
61
|
-
}, [
|
|
62
|
-
typename,
|
|
63
|
-
space
|
|
64
|
-
]);
|
|
65
|
-
const objects = useQuery(space, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
|
|
66
|
-
const filteredObjects = useGlobalFilteredObjects(objects);
|
|
67
|
-
return /* @__PURE__ */ React.createElement(MasonryComponent.Root, {
|
|
68
|
-
items: filteredObjects,
|
|
69
|
-
render: Item,
|
|
70
|
-
classNames: "is-full max-is-full bs-full max-bs-full overflow-y-auto p-4"
|
|
71
|
-
});
|
|
72
|
-
} finally {
|
|
73
|
-
_effect.f();
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
// src/capabilities/react-surface.tsx
|
|
78
|
-
var react_surface_default = (() => contributes(Capabilities.ReactSurface, [
|
|
79
|
-
createSurface({
|
|
80
|
-
id: meta.id,
|
|
81
|
-
role: [
|
|
82
|
-
"article",
|
|
83
|
-
"section"
|
|
84
|
-
],
|
|
85
|
-
filter: (data) => Obj.instanceOf(Masonry_exports.Masonry, data.subject),
|
|
86
|
-
component: ({ data, role }) => /* @__PURE__ */ React2.createElement(MasonryContainer, {
|
|
87
|
-
object: data.subject,
|
|
88
|
-
role
|
|
89
|
-
})
|
|
90
|
-
})
|
|
91
|
-
]));
|
|
92
|
-
export {
|
|
93
|
-
react_surface_default as default
|
|
94
|
-
};
|
|
95
|
-
//# sourceMappingURL=react-surface-CFD3AW3U.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,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,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,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,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 +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
|
-
]);
|