@dxos/plugin-masonry 0.8.4-main.66e292d → 0.8.4-main.6fa680abb7

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 (92) hide show
  1. package/dist/lib/browser/MasonryContainer-G5D7SXNF.mjs +82 -0
  2. package/dist/lib/browser/MasonryContainer-G5D7SXNF.mjs.map +7 -0
  3. package/dist/lib/browser/chunk-7W5GV4MG.mjs +19 -0
  4. package/dist/lib/browser/chunk-7W5GV4MG.mjs.map +7 -0
  5. package/dist/lib/browser/chunk-J5LGTIGS.mjs +10 -0
  6. package/dist/lib/browser/chunk-J5LGTIGS.mjs.map +7 -0
  7. package/dist/lib/browser/chunk-XTJ24XE2.mjs +64 -0
  8. package/dist/lib/browser/chunk-XTJ24XE2.mjs.map +7 -0
  9. package/dist/lib/browser/index.mjs +42 -54
  10. package/dist/lib/browser/index.mjs.map +4 -4
  11. package/dist/lib/browser/meta.json +1 -1
  12. package/dist/lib/browser/react-surface-THLOBRJW.mjs +42 -0
  13. package/dist/lib/browser/react-surface-THLOBRJW.mjs.map +7 -0
  14. package/dist/lib/browser/types/index.mjs +2 -1
  15. package/dist/lib/node-esm/MasonryContainer-HB775HET.mjs +83 -0
  16. package/dist/lib/node-esm/MasonryContainer-HB775HET.mjs.map +7 -0
  17. package/dist/lib/node-esm/chunk-CCWUD5KF.mjs +21 -0
  18. package/dist/lib/node-esm/chunk-CCWUD5KF.mjs.map +7 -0
  19. package/dist/lib/node-esm/chunk-HSLMI22Q.mjs +11 -0
  20. package/dist/lib/node-esm/chunk-HSLMI22Q.mjs.map +7 -0
  21. package/dist/lib/node-esm/chunk-JXCM7LNL.mjs +65 -0
  22. package/dist/lib/node-esm/chunk-JXCM7LNL.mjs.map +7 -0
  23. package/dist/lib/node-esm/index.mjs +42 -54
  24. package/dist/lib/node-esm/index.mjs.map +4 -4
  25. package/dist/lib/node-esm/meta.json +1 -1
  26. package/dist/lib/node-esm/react-surface-DC6QGTSE.mjs +43 -0
  27. package/dist/lib/node-esm/react-surface-DC6QGTSE.mjs.map +7 -0
  28. package/dist/lib/node-esm/types/index.mjs +2 -1
  29. package/dist/types/src/MasonryPlugin.d.ts +2 -1
  30. package/dist/types/src/MasonryPlugin.d.ts.map +1 -1
  31. package/dist/types/src/capabilities/index.d.ts +1 -2
  32. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  33. package/dist/types/src/capabilities/react-surface/index.d.ts +3 -0
  34. package/dist/types/src/capabilities/react-surface/index.d.ts.map +1 -0
  35. package/dist/types/src/capabilities/react-surface/react-surface.d.ts +5 -0
  36. package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +1 -0
  37. package/dist/types/src/components/index.d.ts +1 -0
  38. package/dist/types/src/components/index.d.ts.map +1 -0
  39. package/dist/types/src/containers/MasonryContainer/MasonryContainer.d.ts +12 -0
  40. package/dist/types/src/containers/MasonryContainer/MasonryContainer.d.ts.map +1 -0
  41. package/dist/types/src/containers/MasonryContainer/MasonryContainer.stories.d.ts.map +1 -0
  42. package/dist/types/src/containers/MasonryContainer/index.d.ts +3 -0
  43. package/dist/types/src/containers/MasonryContainer/index.d.ts.map +1 -0
  44. package/dist/types/src/containers/index.d.ts +3 -0
  45. package/dist/types/src/containers/index.d.ts.map +1 -0
  46. package/dist/types/src/meta.d.ts +2 -2
  47. package/dist/types/src/meta.d.ts.map +1 -1
  48. package/dist/types/src/translations.d.ts +2 -0
  49. package/dist/types/src/translations.d.ts.map +1 -1
  50. package/dist/types/src/types/Masonry.d.ts +10 -19
  51. package/dist/types/src/types/Masonry.d.ts.map +1 -1
  52. package/dist/types/src/types/MasonryAction.d.ts +0 -17
  53. package/dist/types/src/types/MasonryAction.d.ts.map +1 -1
  54. package/dist/types/tsconfig.tsbuildinfo +1 -1
  55. package/package.json +40 -34
  56. package/src/MasonryPlugin.tsx +27 -45
  57. package/src/capabilities/index.ts +1 -4
  58. package/src/capabilities/react-surface/index.ts +7 -0
  59. package/src/capabilities/react-surface/react-surface.tsx +32 -0
  60. package/src/components/index.ts +3 -0
  61. package/src/containers/MasonryContainer/MasonryContainer.stories.tsx +80 -0
  62. package/src/containers/MasonryContainer/MasonryContainer.tsx +91 -0
  63. package/src/containers/MasonryContainer/index.ts +7 -0
  64. package/src/containers/index.ts +7 -0
  65. package/src/meta.ts +3 -3
  66. package/src/translations.ts +1 -0
  67. package/src/types/Masonry.ts +11 -29
  68. package/src/types/MasonryAction.ts +0 -15
  69. package/dist/lib/browser/chunk-4I5S2QKH.mjs +0 -109
  70. package/dist/lib/browser/chunk-4I5S2QKH.mjs.map +0 -7
  71. package/dist/lib/browser/intent-resolver-7WOSAD4H.mjs +0 -35
  72. package/dist/lib/browser/intent-resolver-7WOSAD4H.mjs.map +0 -7
  73. package/dist/lib/browser/react-surface-CFD3AW3U.mjs +0 -95
  74. package/dist/lib/browser/react-surface-CFD3AW3U.mjs.map +0 -7
  75. package/dist/lib/node-esm/chunk-VKN225ZV.mjs +0 -110
  76. package/dist/lib/node-esm/chunk-VKN225ZV.mjs.map +0 -7
  77. package/dist/lib/node-esm/intent-resolver-AXT5HIJX.mjs +0 -36
  78. package/dist/lib/node-esm/intent-resolver-AXT5HIJX.mjs.map +0 -7
  79. package/dist/lib/node-esm/react-surface-7MHZZTKP.mjs +0 -96
  80. package/dist/lib/node-esm/react-surface-7MHZZTKP.mjs.map +0 -7
  81. package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
  82. package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
  83. package/dist/types/src/capabilities/react-surface.d.ts +0 -4
  84. package/dist/types/src/capabilities/react-surface.d.ts.map +0 -1
  85. package/dist/types/src/components/MasonryContainer.d.ts +0 -7
  86. package/dist/types/src/components/MasonryContainer.d.ts.map +0 -1
  87. package/dist/types/src/components/MasonryContainer.stories.d.ts.map +0 -1
  88. package/src/capabilities/intent-resolver.ts +0 -22
  89. package/src/capabilities/react-surface.tsx +0 -22
  90. package/src/components/MasonryContainer.stories.tsx +0 -79
  91. package/src/components/MasonryContainer.tsx +0 -59
  92. /package/dist/types/src/{components → containers/MasonryContainer}/MasonryContainer.stories.d.ts +0 -0
@@ -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,4 +0,0 @@
1
- import { Capabilities } from '@dxos/app-framework';
2
- declare const _default: () => import("@dxos/app-framework").Capability<import("@dxos/app-framework").InterfaceDef<Capabilities.ReactSurface>>;
3
- export default _default;
4
- //# sourceMappingURL=react-surface.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"react-surface.d.ts","sourceRoot":"","sources":["../../../../src/capabilities/react-surface.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,YAAY,EAA8B,MAAM,qBAAqB,CAAC;;AAO/E,wBAQK"}
@@ -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,22 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import React from 'react';
6
-
7
- import { Capabilities, contributes, createSurface } from '@dxos/app-framework';
8
- import { Obj } from '@dxos/echo';
9
-
10
- import { MasonryContainer } from '../components/MasonryContainer';
11
- import { meta } from '../meta';
12
- import { Masonry } from '../types';
13
-
14
- export default () =>
15
- contributes(Capabilities.ReactSurface, [
16
- createSurface({
17
- id: meta.id,
18
- role: ['article', 'section'],
19
- filter: (data): data is { subject: Masonry.Masonry } => Obj.instanceOf(Masonry.Masonry, data.subject),
20
- component: ({ data, role }) => <MasonryContainer object={data.subject} role={role} />,
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 = {};