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

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 (64) hide show
  1. package/dist/lib/browser/{chunk-4I5S2QKH.mjs → chunk-S5JKAK4O.mjs} +6 -37
  2. package/dist/lib/browser/chunk-S5JKAK4O.mjs.map +7 -0
  3. package/dist/lib/browser/chunk-U46AGJ2D.mjs +19 -0
  4. package/dist/lib/browser/chunk-U46AGJ2D.mjs.map +7 -0
  5. package/dist/lib/browser/index.mjs +39 -54
  6. package/dist/lib/browser/index.mjs.map +4 -4
  7. package/dist/lib/browser/meta.json +1 -1
  8. package/dist/lib/browser/react-surface-UCYEF4QU.mjs +94 -0
  9. package/dist/lib/browser/react-surface-UCYEF4QU.mjs.map +7 -0
  10. package/dist/lib/browser/types/index.mjs +1 -1
  11. package/dist/lib/node-esm/chunk-P6EZJITS.mjs +21 -0
  12. package/dist/lib/node-esm/chunk-P6EZJITS.mjs.map +7 -0
  13. package/dist/lib/node-esm/{chunk-VKN225ZV.mjs → chunk-YNA44I6R.mjs} +6 -37
  14. package/dist/lib/node-esm/chunk-YNA44I6R.mjs.map +7 -0
  15. package/dist/lib/node-esm/index.mjs +39 -54
  16. package/dist/lib/node-esm/index.mjs.map +4 -4
  17. package/dist/lib/node-esm/meta.json +1 -1
  18. package/dist/lib/node-esm/react-surface-LG7FTGYA.mjs +95 -0
  19. package/dist/lib/node-esm/react-surface-LG7FTGYA.mjs.map +7 -0
  20. package/dist/lib/node-esm/types/index.mjs +1 -1
  21. package/dist/types/src/MasonryPlugin.d.ts +2 -1
  22. package/dist/types/src/MasonryPlugin.d.ts.map +1 -1
  23. package/dist/types/src/capabilities/index.d.ts +1 -2
  24. package/dist/types/src/capabilities/index.d.ts.map +1 -1
  25. package/dist/types/src/capabilities/react-surface/index.d.ts +3 -0
  26. package/dist/types/src/capabilities/react-surface/index.d.ts.map +1 -0
  27. package/dist/types/src/capabilities/react-surface/react-surface.d.ts +5 -0
  28. package/dist/types/src/capabilities/react-surface/react-surface.d.ts.map +1 -0
  29. package/dist/types/src/components/MasonryContainer.d.ts +8 -3
  30. package/dist/types/src/components/MasonryContainer.d.ts.map +1 -1
  31. package/dist/types/src/components/MasonryContainer.stories.d.ts.map +1 -1
  32. package/dist/types/src/meta.d.ts +2 -2
  33. package/dist/types/src/meta.d.ts.map +1 -1
  34. package/dist/types/src/types/Masonry.d.ts +15 -18
  35. package/dist/types/src/types/Masonry.d.ts.map +1 -1
  36. package/dist/types/src/types/MasonryAction.d.ts +0 -17
  37. package/dist/types/src/types/MasonryAction.d.ts.map +1 -1
  38. package/dist/types/tsconfig.tsbuildinfo +1 -1
  39. package/package.json +37 -33
  40. package/src/MasonryPlugin.tsx +26 -45
  41. package/src/capabilities/index.ts +1 -4
  42. package/src/capabilities/react-surface/index.ts +7 -0
  43. package/src/capabilities/react-surface/react-surface.tsx +31 -0
  44. package/src/components/MasonryContainer.stories.tsx +25 -26
  45. package/src/components/MasonryContainer.tsx +41 -21
  46. package/src/meta.ts +2 -2
  47. package/src/types/Masonry.ts +9 -10
  48. package/src/types/MasonryAction.ts +0 -14
  49. package/dist/lib/browser/chunk-4I5S2QKH.mjs.map +0 -7
  50. package/dist/lib/browser/intent-resolver-7WOSAD4H.mjs +0 -35
  51. package/dist/lib/browser/intent-resolver-7WOSAD4H.mjs.map +0 -7
  52. package/dist/lib/browser/react-surface-CFD3AW3U.mjs +0 -95
  53. package/dist/lib/browser/react-surface-CFD3AW3U.mjs.map +0 -7
  54. package/dist/lib/node-esm/chunk-VKN225ZV.mjs.map +0 -7
  55. package/dist/lib/node-esm/intent-resolver-AXT5HIJX.mjs +0 -36
  56. package/dist/lib/node-esm/intent-resolver-AXT5HIJX.mjs.map +0 -7
  57. package/dist/lib/node-esm/react-surface-7MHZZTKP.mjs +0 -96
  58. package/dist/lib/node-esm/react-surface-7MHZZTKP.mjs.map +0 -7
  59. package/dist/types/src/capabilities/intent-resolver.d.ts +0 -4
  60. package/dist/types/src/capabilities/intent-resolver.d.ts.map +0 -1
  61. package/dist/types/src/capabilities/react-surface.d.ts +0 -4
  62. package/dist/types/src/capabilities/react-surface.d.ts.map +0 -1
  63. package/src/capabilities/intent-resolver.ts +0 -22
  64. package/src/capabilities/react-surface.tsx +0 -22
@@ -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,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,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
- ]);