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

package/dist/lib/node-esm/react-surface-LG7FTGYA.mjs

@@ -1,95 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  meta
-} from "./chunk-P6EZJITS.mjs";
-import {
-  Masonry_exports
-} from "./chunk-YNA44I6R.mjs";
-
-// src/capabilities/react-surface/react-surface.tsx
-import * as Effect from "effect/Effect";
-import React2 from "react";
-import { Capability, Common as Common2 } from "@dxos/app-framework";
-import { Obj as Obj2 } from "@dxos/echo";
-import { View } from "@dxos/schema";
-
-// src/components/MasonryContainer.tsx
-import React, { useEffect, useState } from "react";
-import { Common } from "@dxos/app-framework";
-import { Surface, useCapabilities } from "@dxos/app-framework/react";
-import { Filter, Obj, Type } from "@dxos/echo";
-import { useGlobalFilteredObjects } from "@dxos/plugin-search";
-import { useObject, useQuery } from "@dxos/react-client/echo";
-import { Masonry as MasonryComponent } from "@dxos/react-ui-masonry";
-import { Card } from "@dxos/react-ui-mosaic";
-import { getTypenameFromQuery } from "@dxos/schema";
-var MasonryContainer = ({ view: viewOrRef, role }) => {
-  const [view] = useObject(viewOrRef);
-  const schemas = useCapabilities(Common.Capability.Schema);
-  const db = view && Obj.getDatabase(view);
-  const typename = view?.query ? getTypenameFromQuery(view.query.ast) : void 0;
-  const [cardSchema, setCardSchema] = useState();
-  useEffect(() => {
-    const staticSchema = schemas.flat().find((schema) => Type.getTypename(schema) === typename);
-    if (staticSchema) {
-      setCardSchema(() => staticSchema);
-    }
-    if (!staticSchema && typename && db) {
-      const query = db.schemaRegistry.query({
-        typename
-      });
-      const unsubscribe = query.subscribe(() => {
-        const [schema] = query.results;
-        if (schema) {
-          setCardSchema(schema);
-        }
-      }, {
-        fire: true
-      });
-      return unsubscribe;
-    }
-  }, [
-    schemas,
-    typename,
-    db
-  ]);
-  const objects = useQuery(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
-  const filteredObjects = useGlobalFilteredObjects(objects);
-  return /* @__PURE__ */ React.createElement(MasonryComponent.Root, {
-    items: filteredObjects,
-    render: Item,
-    classNames: "is-full max-is-full bs-full max-bs-full overflow-y-auto p-4"
-  });
-};
-var Item = ({ data }) => {
-  return /* @__PURE__ */ React.createElement(Card.Root, null, /* @__PURE__ */ React.createElement(Card.Toolbar, null, /* @__PURE__ */ React.createElement("span", null), /* @__PURE__ */ React.createElement(Card.Title, null, Obj.getLabel(data)), /* @__PURE__ */ React.createElement(Card.Menu, null)), /* @__PURE__ */ React.createElement(Surface, {
-    role: "card--content",
-    limit: 1,
-    data: {
-      subject: data
-    }
-  }));
-};
-
-// src/capabilities/react-surface/react-surface.tsx
-var react_surface_default = Capability.makeModule(() => Effect.succeed(Capability.contributes(Common2.Capability.ReactSurface, [
-  Common2.createSurface({
-    id: meta.id,
-    role: [
-      "article",
-      "section"
-    ],
-    filter: (data) => Obj2.instanceOf(Masonry_exports.Masonry, data.subject) || Obj2.instanceOf(View.View, data.subject),
-    component: ({ data, role }) => {
-      const view = Obj2.instanceOf(View.View, data.subject) ? data.subject : data.subject.view;
-      return /* @__PURE__ */ React2.createElement(MasonryContainer, {
-        view,
-        role
-      });
-    }
-  })
-])));
-export {
-  react_surface_default as default
-};
-//# sourceMappingURL=react-surface-LG7FTGYA.mjs.map

package/dist/lib/node-esm/react-surface-LG7FTGYA.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/capabilities/react-surface/react-surface.tsx", "../../../src/components/MasonryContainer.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport React from 'react';\n\nimport { Capability, Common } from '@dxos/app-framework';\nimport { Obj } from '@dxos/echo';\nimport { View } from '@dxos/schema';\n\nimport { MasonryContainer } from '../../components/MasonryContainer';\nimport { meta } from '../../meta';\nimport { Masonry } from '../../types';\n\nexport default Capability.makeModule(() =>\n  Effect.succeed(\n    Capability.contributes(Common.Capability.ReactSurface, [\n      Common.createSurface({\n        id: meta.id,\n        role: ['article', 'section'],\n        filter: (data): data is { subject: Masonry.Masonry | View.View } =>\n          Obj.instanceOf(Masonry.Masonry, data.subject) || Obj.instanceOf(View.View, data.subject),\n        component: ({ data, role }) => {\n          const view = Obj.instanceOf(View.View, data.subject) ? data.subject : data.subject.view;\n          return <MasonryContainer view={view} role={role} />;\n        },\n      }),\n    ]),\n  ),\n);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport type * as Schema from 'effect/Schema';\nimport React, { useEffect, useState } from 'react';\n\nimport { Common } from '@dxos/app-framework';\nimport { Surface, useCapabilities } from '@dxos/app-framework/react';\nimport { Filter, Obj, type Ref, Type } from '@dxos/echo';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { useObject, useQuery } from '@dxos/react-client/echo';\nimport { Masonry as MasonryComponent } from '@dxos/react-ui-masonry';\nimport { Card } from '@dxos/react-ui-mosaic';\nimport { type View, getTypenameFromQuery } from '@dxos/schema';\n\nexport type MasonryContainerProps = {\n  view: View.View;\n  role?: string;\n};\n\nexport const MasonryContainer = ({\n  view: viewOrRef,\n  role,\n}: {\n  view: View.View | Ref.Ref<View.View>;\n  role?: string;\n}) => {\n  const [view] = useObject(viewOrRef);\n  const schemas = useCapabilities(Common.Capability.Schema);\n  const db = view && Obj.getDatabase(view);\n  const typename = view?.query ? getTypenameFromQuery(view.query.ast) : undefined;\n\n  const [cardSchema, setCardSchema] = useState<Schema.Schema.AnyNoContext>();\n\n  useEffect(() => {\n    const staticSchema = schemas.flat().find((schema) => Type.getTypename(schema) === typename);\n    if (staticSchema) {\n      setCardSchema(() => staticSchema);\n    }\n    if (!staticSchema && typename && db) {\n      const query = 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  }, [schemas, typename, db]);\n\n  const objects = useQuery(db, 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\nconst Item = ({ data }: { data: any }) => {\n  return (\n    <Card.Root>\n      <Card.Toolbar>\n        <span />\n        <Card.Title>{Obj.getLabel(data)}</Card.Title>\n        <Card.Menu />\n      </Card.Toolbar>\n      <Surface role='card--content' limit={1} data={{ subject: data }} />\n    </Card.Root>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;AAIA,YAAYA,YAAY;AACxB,OAAOC,YAAW;AAElB,SAASC,YAAYC,UAAAA,eAAc;AACnC,SAASC,OAAAA,YAAW;AACpB,SAASC,YAAY;;;ACJrB,OAAOC,SAASC,WAAWC,gBAAgB;AAE3C,SAASC,cAAc;AACvB,SAASC,SAASC,uBAAuB;AACzC,SAASC,QAAQC,KAAeC,YAAY;AAC5C,SAASC,gCAAgC;AACzC,SAASC,WAAWC,gBAAgB;AACpC,SAASC,WAAWC,wBAAwB;AAC5C,SAASC,YAAY;AACrB,SAAoBC,4BAA4B;AAOzC,IAAMC,mBAAmB,CAAC,EAC/BC,MAAMC,WACNC,KAAI,MAIL;AACC,QAAM,CAACF,IAAAA,IAAQG,UAAUF,SAAAA;AACzB,QAAMG,UAAUC,gBAAgBC,OAAOC,WAAWC,MAAM;AACxD,QAAMC,KAAKT,QAAQU,IAAIC,YAAYX,IAAAA;AACnC,QAAMY,WAAWZ,MAAMa,QAAQC,qBAAqBd,KAAKa,MAAME,GAAG,IAAIC;AAEtE,QAAM,CAACC,YAAYC,aAAAA,IAAiBC,SAAAA;AAEpCC,YAAU,MAAA;AACR,UAAMC,eAAejB,QAAQkB,KAAI,EAAGC,KAAK,CAACC,WAAWC,KAAKC,YAAYF,MAAAA,MAAYZ,QAAAA;AAClF,QAAIS,cAAc;AAChBH,oBAAc,MAAMG,YAAAA;IACtB;AACA,QAAI,CAACA,gBAAgBT,YAAYH,IAAI;AACnC,YAAMI,QAAQJ,GAAGkB,eAAed,MAAM;QAAED;MAAS,CAAA;AACjD,YAAMgB,cAAcf,MAAMgB,UACxB,MAAA;AACE,cAAM,CAACL,MAAAA,IAAUX,MAAMiB;AACvB,YAAIN,QAAQ;AACVN,wBAAcM,MAAAA;QAChB;MACF,GACA;QAAEO,MAAM;MAAK,CAAA;AAEf,aAAOH;IACT;EACF,GAAG;IAACxB;IAASQ;IAAUH;GAAG;AAE1B,QAAMuB,UAAUC,SAASxB,IAAIQ,aAAaiB,OAAOC,KAAKlB,UAAAA,IAAciB,OAAOE,QAAO,CAAA;AAClF,QAAMC,kBAAkBC,yBAAyBN,OAAAA;AAEjD,SACE,sBAAA,cAACO,iBAAiBC,MAAI;IACpBC,OAAOJ;IACPK,QAAQC;IACRC,YAAW;;AAGjB;AAEA,IAAMD,OAAO,CAAC,EAAEE,KAAI,MAAiB;AACnC,SACE,sBAAA,cAACC,KAAKN,MAAI,MACR,sBAAA,cAACM,KAAKC,SAAO,MACX,sBAAA,cAACC,QAAAA,IAAAA,GACD,sBAAA,cAACF,KAAKG,OAAK,MAAEvC,IAAIwC,SAASL,IAAAA,CAAAA,GAC1B,sBAAA,cAACC,KAAKK,MAAI,IAAA,CAAA,GAEZ,sBAAA,cAACC,SAAAA;IAAQlD,MAAK;IAAgBmD,OAAO;IAAGR,MAAM;MAAES,SAAST;IAAK;;AAGpE;;;AD/DA,IAAA,wBAAeU,WAAWC,WAAW,MAC5BC,eACLF,WAAWG,YAAYC,QAAOJ,WAAWK,cAAc;EACrDD,QAAOE,cAAc;IACnBC,IAAIC,KAAKD;IACTE,MAAM;MAAC;MAAW;;IAClBC,QAAQ,CAACC,SACPC,KAAIC,WAAWC,gBAAQA,SAASH,KAAKI,OAAO,KAAKH,KAAIC,WAAWG,KAAKA,MAAML,KAAKI,OAAO;IACzFE,WAAW,CAAC,EAAEN,MAAMF,KAAI,MAAE;AACxB,YAAMS,OAAON,KAAIC,WAAWG,KAAKA,MAAML,KAAKI,OAAO,IAAIJ,KAAKI,UAAUJ,KAAKI,QAAQG;AACnF,aAAO,gBAAAC,OAAA,cAACC,kBAAAA;QAAiBF;QAAYT;;IACvC;EACF,CAAA;CACD,CAAA,CAAA;",
-  "names": ["Effect", "React", "Capability", "Common", "Obj", "View", "React", "useEffect", "useState", "Common", "Surface", "useCapabilities", "Filter", "Obj", "Type", "useGlobalFilteredObjects", "useObject", "useQuery", "Masonry", "MasonryComponent", "Card", "getTypenameFromQuery", "MasonryContainer", "view", "viewOrRef", "role", "useObject", "schemas", "useCapabilities", "Common", "Capability", "Schema", "db", "Obj", "getDatabase", "typename", "query", "getTypenameFromQuery", "ast", "undefined", "cardSchema", "setCardSchema", "useState", "useEffect", "staticSchema", "flat", "find", "schema", "Type", "getTypename", "schemaRegistry", "unsubscribe", "subscribe", "results", "fire", "objects", "useQuery", "Filter", "type", "nothing", "filteredObjects", "useGlobalFilteredObjects", "MasonryComponent", "Root", "items", "render", "Item", "classNames", "data", "Card", "Toolbar", "span", "Title", "getLabel", "Menu", "Surface", "limit", "subject", "Capability", "makeModule", "succeed", "contributes", "Common", "ReactSurface", "createSurface", "id", "meta", "role", "filter", "data", "Obj", "instanceOf", "Masonry", "subject", "View", "component", "view", "React", "MasonryContainer"]
-}

package/dist/types/src/components/MasonryContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MasonryContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/MasonryContainer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAe,KAAK,GAAG,EAAQ,MAAM,YAAY,CAAC;AAKzD,OAAO,EAAE,KAAK,IAAI,EAAwB,MAAM,cAAc,CAAC;AAE/D,MAAM,MAAM,qBAAqB,GAAG;IAClC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,4BAG9B;IACD,IAAI,EAAE,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,sBAsCA,CAAC"}

package/dist/types/src/components/MasonryContainer.stories.d.ts.map

@@ -1 +0,0 @@
-{"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;AAEjE,OAAO,KAAK,MAAM,OAAO,CAAC;AA4B1B,QAAA,MAAM,IAAI;;;;;;;;CAqCM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}