@dxos/plugin-kanban 0.7.5-main.9cb18ac → 0.7.5-main.9d2a38b

package/dist/lib/browser/react-surface-KCOBVPKL.mjs

@@ -0,0 +1,180 @@
+import {
+  KANBAN_PLUGIN,
+  KanbanAction,
+  isKanban
+} from "./chunk-L4PZ5BVV.mjs";
+
+// packages/plugins/experimental/plugin-kanban/src/capabilities/react-surface.tsx
+import React3 from "react";
+import { Capabilities, contributes, createSurface } from "@dxos/app-framework";
+
+// packages/plugins/experimental/plugin-kanban/src/components/KanbanContainer.tsx
+import React, { useCallback, useEffect, useState } from "react";
+import { invariant } from "@dxos/invariant";
+import { useGlobalFilteredObjects } from "@dxos/plugin-search";
+import { Filter, useQuery, getSpace, create } from "@dxos/react-client/echo";
+import { useKanbanModel, Kanban } from "@dxos/react-ui-kanban";
+import { StackItem } from "@dxos/react-ui-stack";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-kanban/src/components/KanbanContainer.tsx";
+var KanbanContainer = ({ kanban }) => {
+  const [cardSchema, setCardSchema] = useState();
+  const space = getSpace(kanban);
+  useEffect(() => {
+    if (kanban.cardView && space) {
+      setCardSchema(space.db.schemaRegistry.getSchema(kanban.cardView.target.query.type));
+    }
+  }, [
+    kanban.cardView,
+    space
+  ]);
+  const objects = useQuery(space, cardSchema ? Filter.schema(cardSchema) : Filter.nothing());
+  const filteredObjects = useGlobalFilteredObjects(objects);
+  const model = useKanbanModel({
+    kanban,
+    cardSchema,
+    items: filteredObjects
+  });
+  const handleAddColumn = useCallback((columnValue) => model?.addEmptyColumn(columnValue), [
+    model
+  ]);
+  const handleAddCard = useCallback((columnValue) => {
+    if (space && cardSchema) {
+      space.db.add(create(cardSchema, {
+        title: "",
+        description: "",
+        state: columnValue
+      }));
+    }
+  }, [
+    space,
+    cardSchema
+  ]);
+  const handleRemoveCard = useCallback((card) => {
+    invariant(space, void 0, {
+      F: __dxlog_file,
+      L: 51,
+      S: void 0,
+      A: [
+        "space",
+        ""
+      ]
+    });
+    space.db.remove(card);
+  }, [
+    space
+  ]);
+  const handleRemoveEmptyColumn = useCallback((columnValue) => {
+    model?.removeColumnFromArrangement(columnValue);
+  }, [
+    model
+  ]);
+  return /* @__PURE__ */ React.createElement(StackItem.Content, {
+    toolbar: false
+  }, model ? /* @__PURE__ */ React.createElement(Kanban, {
+    model,
+    onAddCard: handleAddCard,
+    onAddColumn: handleAddColumn,
+    onRemoveCard: handleRemoveCard,
+    onRemoveEmptyColumn: handleRemoveEmptyColumn
+  }) : /* @__PURE__ */ React.createElement("span", null, "Loading"));
+};
+
+// packages/plugins/experimental/plugin-kanban/src/components/KanbanViewEditor.tsx
+import React2, { useCallback as useCallback2, useEffect as useEffect2, useMemo, useState as useState2 } from "react";
+import { createIntent, useIntentDispatcher } from "@dxos/app-framework";
+import { Filter as Filter2, getSpace as getSpace2, useQuery as useQuery2 } from "@dxos/react-client/echo";
+import { ViewEditor, Form } from "@dxos/react-ui-form";
+import { KanbanPropsSchema } from "@dxos/react-ui-kanban";
+import { ViewType } from "@dxos/schema";
+var KanbanViewEditor = ({ kanban }) => {
+  const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const space = getSpace2(kanban);
+  const [schema, setSchema] = useState2(space && kanban?.cardView?.target?.query?.type ? space.db.schemaRegistry.getSchema(kanban.cardView.target.query.type) : void 0);
+  const views = useQuery2(space, Filter2.schema(ViewType));
+  const currentTypename = useMemo(() => kanban?.cardView?.target?.query?.type, [
+    kanban?.cardView?.target?.query?.type
+  ]);
+  const updateViewTypename = useCallback2((newTypename) => {
+    if (!schema) {
+      return;
+    }
+    const matchingViews = views.filter((view) => view.query.type === currentTypename);
+    for (const view of matchingViews) {
+      view.query.type = newTypename;
+    }
+    schema.updateTypename(newTypename);
+  }, [
+    views,
+    schema
+  ]);
+  useEffect2(() => {
+    if (space && kanban?.cardView?.target?.query?.type) {
+      const unsubscribe = space.db.schemaRegistry.query({
+        typename: kanban?.cardView?.target?.query?.type
+      }).subscribe((query) => {
+        const [schema2] = query.results;
+        if (schema2) {
+          setSchema(schema2);
+        }
+      });
+      return unsubscribe;
+    }
+  }, [
+    space,
+    kanban?.cardView?.target?.query?.type
+  ]);
+  const handleDelete = useCallback2((fieldId) => dispatch?.(createIntent(KanbanAction.DeleteCardField, {
+    kanban,
+    fieldId
+  })), [
+    dispatch,
+    kanban
+  ]);
+  if (!space || !schema || !kanban.cardView?.target) {
+    return null;
+  }
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Form, {
+    schema: KanbanPropsSchema,
+    values: {
+      columnField: kanban.columnField
+    },
+    onSave: ({ columnField }) => {
+      kanban.columnField = columnField;
+      kanban.arrangement = void 0;
+    }
+  }), /* @__PURE__ */ React2.createElement(ViewEditor, {
+    registry: space.db.schemaRegistry,
+    schema,
+    view: kanban.cardView.target,
+    onTypenameChanged: updateViewTypename,
+    onDelete: handleDelete
+  }));
+};
+
+// packages/plugins/experimental/plugin-kanban/src/capabilities/react-surface.tsx
+var react_surface_default = () => contributes(Capabilities.ReactSurface, [
+  createSurface({
+    id: `${KANBAN_PLUGIN}/kanban`,
+    role: [
+      "article",
+      "section"
+    ],
+    filter: (data) => isKanban(data.subject),
+    component: ({ data, role }) => /* @__PURE__ */ React3.createElement(KanbanContainer, {
+      kanban: data.subject,
+      role
+    })
+  }),
+  createSurface({
+    id: `${KANBAN_PLUGIN}/settings`,
+    role: "complementary--settings",
+    filter: (data) => isKanban(data.subject),
+    component: ({ data }) => /* @__PURE__ */ React3.createElement(KanbanViewEditor, {
+      kanban: data.subject
+    })
+  })
+]);
+export {
+  react_surface_default as default
+};
+//# sourceMappingURL=react-surface-KCOBVPKL.mjs.map

package/dist/lib/browser/react-surface-KCOBVPKL.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/react-surface.tsx", "../../../src/components/KanbanContainer.tsx", "../../../src/components/KanbanViewEditor.tsx"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Capabilities, contributes, createSurface } from '@dxos/app-framework';\nimport { type KanbanType } from '@dxos/react-ui-kanban';\n\nimport { KanbanContainer, KanbanViewEditor } from '../components';\nimport { KANBAN_PLUGIN } from '../meta';\nimport { isKanban } from '../types';\n\nexport default () =>\n  contributes(Capabilities.ReactSurface, [\n    createSurface({\n      id: `${KANBAN_PLUGIN}/kanban`,\n      role: ['article', 'section'],\n      filter: (data): data is { subject: KanbanType } => isKanban(data.subject),\n      component: ({ data, role }) => <KanbanContainer kanban={data.subject} role={role} />,\n    }),\n    createSurface({\n      id: `${KANBAN_PLUGIN}/settings`,\n      role: 'complementary--settings',\n      filter: (data): data is { subject: KanbanType } => isKanban(data.subject),\n      component: ({ data }) => <KanbanViewEditor kanban={data.subject} />,\n    }),\n  ]);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useState } from 'react';\n\nimport { type EchoSchema } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { useGlobalFilteredObjects } from '@dxos/plugin-search';\nimport { Filter, useQuery, getSpace, create } from '@dxos/react-client/echo';\nimport { type KanbanType, useKanbanModel, Kanban } from '@dxos/react-ui-kanban';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nexport const KanbanContainer = ({ kanban }: { kanban: KanbanType; role: string }) => {\n  const [cardSchema, setCardSchema] = useState<EchoSchema>();\n  const space = getSpace(kanban);\n  useEffect(() => {\n    if (kanban.cardView && space) {\n      setCardSchema(space.db.schemaRegistry.getSchema(kanban.cardView.target!.query.type));\n    }\n  }, [kanban.cardView, space]);\n\n  const objects = useQuery(space, cardSchema ? Filter.schema(cardSchema) : Filter.nothing());\n  const filteredObjects = useGlobalFilteredObjects(objects);\n\n  const model = useKanbanModel({\n    kanban,\n    cardSchema,\n    items: filteredObjects,\n  });\n\n  const handleAddColumn = useCallback((columnValue: string) => model?.addEmptyColumn(columnValue), [model]);\n\n  const handleAddCard = useCallback(\n    (columnValue: string) => {\n      if (space && cardSchema) {\n        space.db.add(\n          create(cardSchema, {\n            title: '',\n            description: '',\n            state: columnValue,\n          }),\n        );\n      }\n    },\n    [space, cardSchema],\n  );\n\n  const handleRemoveCard = useCallback(\n    (card: { id: string }) => {\n      invariant(space);\n      space.db.remove(card);\n    },\n    [space],\n  );\n\n  const handleRemoveEmptyColumn = useCallback(\n    (columnValue: string) => {\n      model?.removeColumnFromArrangement(columnValue);\n    },\n    [model],\n  );\n\n  return (\n    <StackItem.Content toolbar={false}>\n      {model ? (\n        <Kanban\n          model={model}\n          onAddCard={handleAddCard}\n          onAddColumn={handleAddColumn}\n          onRemoveCard={handleRemoveCard}\n          onRemoveEmptyColumn={handleRemoveEmptyColumn}\n        />\n      ) : (\n        <span>Loading</span>\n      )}\n    </StackItem.Content>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { createIntent, useIntentDispatcher } from '@dxos/app-framework';\nimport { Filter, getSpace, useQuery } from '@dxos/react-client/echo';\nimport { ViewEditor, Form } from '@dxos/react-ui-form';\nimport { type KanbanType, KanbanPropsSchema } from '@dxos/react-ui-kanban';\nimport { ViewType } from '@dxos/schema';\n\nimport { KanbanAction } from '../types';\n\ntype KanbanViewEditorProps = { kanban: KanbanType };\n\nexport const KanbanViewEditor = ({ kanban }: KanbanViewEditorProps) => {\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const space = getSpace(kanban);\n\n  // TODO(ZaymonFC): The schema registry needs an API where we can query with initial value and\n  // endure typename changes. We shouldn't need to manage a subscription at this layer.\n  const [schema, setSchema] = useState(\n    space && kanban?.cardView?.target?.query?.type\n      ? space.db.schemaRegistry.getSchema(kanban.cardView.target.query.type)\n      : undefined,\n  );\n\n  const views = useQuery(space, Filter.schema(ViewType));\n  const currentTypename = useMemo(() => kanban?.cardView?.target?.query?.type, [kanban?.cardView?.target?.query?.type]);\n  const updateViewTypename = useCallback(\n    (newTypename: string) => {\n      if (!schema) {\n        return;\n      }\n      const matchingViews = views.filter((view) => view.query.type === currentTypename);\n      for (const view of matchingViews) {\n        view.query.type = newTypename;\n      }\n      schema.updateTypename(newTypename);\n    },\n    [views, schema],\n  );\n\n  useEffect(() => {\n    if (space && kanban?.cardView?.target?.query?.type) {\n      const unsubscribe = space.db.schemaRegistry\n        .query({ typename: kanban?.cardView?.target?.query?.type })\n        .subscribe((query) => {\n          const [schema] = query.results;\n          if (schema) {\n            setSchema(schema);\n          }\n        });\n\n      return unsubscribe;\n    }\n  }, [space, kanban?.cardView?.target?.query?.type]);\n\n  const handleDelete = useCallback(\n    (fieldId: string) => dispatch?.(createIntent(KanbanAction.DeleteCardField, { kanban, fieldId })),\n    [dispatch, kanban],\n  );\n\n  if (!space || !schema || !kanban.cardView?.target) {\n    return null;\n  }\n\n  return (\n    <>\n      <Form\n        schema={KanbanPropsSchema}\n        values={{ columnField: kanban.columnField }}\n        onSave={({ columnField }) => {\n          kanban.columnField = columnField;\n          kanban.arrangement = undefined;\n        }}\n      />\n      <ViewEditor\n        registry={space.db.schemaRegistry}\n        schema={schema}\n        view={kanban.cardView.target}\n        onTypenameChanged={updateViewTypename}\n        onDelete={handleDelete}\n      />\n    </>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "Capabilities", "contributes", "createSurface", "React", "useCallback", "useEffect", "useState", "invariant", "useGlobalFilteredObjects", "Filter", "useQuery", "getSpace", "create", "useKanbanModel", "Kanban", "StackItem", "KanbanContainer", "kanban", "cardSchema", "setCardSchema", "space", "cardView", "db", "schemaRegistry", "getSchema", "target", "query", "type", "objects", "schema", "nothing", "filteredObjects", "model", "items", "handleAddColumn", "columnValue", "addEmptyColumn", "handleAddCard", "add", "title", "description", "state", "handleRemoveCard", "card", "remove", "handleRemoveEmptyColumn", "removeColumnFromArrangement", "Content", "toolbar", "onAddCard", "onAddColumn", "onRemoveCard", "onRemoveEmptyColumn", "span", "React", "useCallback", "useEffect", "useMemo", "useState", "createIntent", "useIntentDispatcher", "Filter", "getSpace", "useQuery", "ViewEditor", "Form", "KanbanPropsSchema", "ViewType", "KanbanViewEditor", "kanban", "dispatchPromise", "dispatch", "useIntentDispatcher", "space", "getSpace", "schema", "setSchema", "useState", "cardView", "target", "query", "type", "db", "schemaRegistry", "getSchema", "undefined", "views", "useQuery", "Filter", "ViewType", "currentTypename", "useMemo", "updateViewTypename", "useCallback", "newTypename", "matchingViews", "filter", "view", "updateTypename", "useEffect", "unsubscribe", "typename", "subscribe", "results", "handleDelete", "fieldId", "createIntent", "KanbanAction", "DeleteCardField", "React", "Form", "KanbanPropsSchema", "values", "columnField", "onSave", "arrangement", "ViewEditor", "registry", "onTypenameChanged", "onDelete", "contributes", "Capabilities", "ReactSurface", "createSurface", "id", "KANBAN_PLUGIN", "role", "filter", "data", "isKanban", "subject", "component", "React", "KanbanContainer", "kanban", "KanbanViewEditor"]
+}

package/dist/lib/browser/types.mjs

@@ -2,8 +2,7 @@ import {
   KanbanAction,
   createKanban,
   isKanban
-} from "./chunk-JZBAL6SW.mjs";
-import "./chunk-LG4OMN5S.mjs";
+} from "./chunk-L4PZ5BVV.mjs";
 export {
   KanbanAction,
   createKanban,

package/dist/lib/node/{chunk-BE2FRW7E.cjs → chunk-QCB2U2J2.cjs}

@@ -16,22 +16,34 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_BE2FRW7E_exports = {};
-__export(chunk_BE2FRW7E_exports, {
+var chunk_QCB2U2J2_exports = {};
+__export(chunk_QCB2U2J2_exports, {
+  KANBAN_PLUGIN: () => KANBAN_PLUGIN,
   KanbanAction: () => KanbanAction,
   createKanban: () => createKanban,
-  isKanban: () => isKanban
+  isKanban: () => isKanban,
+  meta: () => meta
 });
-module.exports = __toCommonJS(chunk_BE2FRW7E_exports);
-var import_chunk_MBAGHRFM = require("./chunk-MBAGHRFM.cjs");
+module.exports = __toCommonJS(chunk_QCB2U2J2_exports);
 var import_echo_schema = require("@dxos/echo-schema");
 var import_echo = require("@dxos/react-client/echo");
 var import_react_ui_kanban = require("@dxos/react-ui-kanban");
 var import_testing = require("@dxos/react-ui-kanban/testing");
 var import_schema = require("@dxos/schema");
+var KANBAN_PLUGIN = "dxos.org/plugin/kanban";
+var meta = {
+  id: KANBAN_PLUGIN,
+  name: "Kanban",
+  description: "Kanban board for managing tasks.",
+  icon: "ph--kanban--regular",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban",
+  tags: [
+    "experimental"
+  ]
+};
 var KanbanAction;
 (function(KanbanAction2) {
-  const KANBAN_ACTION = `${import_chunk_MBAGHRFM.KANBAN_PLUGIN}/action`;
+  const KANBAN_ACTION = `${KANBAN_PLUGIN}/action`;
   class Create extends import_echo_schema.S.TaggedClass()(`${KANBAN_ACTION}/create`, {
     input: import_echo_schema.S.Struct({
       name: import_echo_schema.S.optional(import_echo_schema.S.String),
@@ -70,8 +82,10 @@ var createKanban = async (space) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  KANBAN_PLUGIN,
   KanbanAction,
   createKanban,
-  isKanban
+  isKanban,
+  meta
 });
-//# sourceMappingURL=chunk-BE2FRW7E.cjs.map
+//# sourceMappingURL=chunk-QCB2U2J2.cjs.map

package/dist/lib/node/chunk-QCB2U2J2.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types.ts", "../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { S } from '@dxos/echo-schema';\nimport { type Space, SpaceSchema } from '@dxos/react-client/echo';\nimport { KanbanType } from '@dxos/react-ui-kanban';\nimport { initializeKanban } from '@dxos/react-ui-kanban/testing';\nimport { FieldSchema } from '@dxos/schema';\n\nimport { KANBAN_PLUGIN } from './meta';\n\n/**\n * Kanban data model.\n * A Kanban board is a collection of columns, each of which contains a collection of items.\n * The layout of columns and items is controlled by models.\n * The underlying data model may be represented by direct object relationships\n * (e.g., a column object containing an array of ordered items) or projections constructed\n * by the model (e.g., a query of items based on metadata within a column object).\n */\n\nexport namespace KanbanAction {\n  const KANBAN_ACTION = `${KANBAN_PLUGIN}/action`;\n\n  export class Create extends S.TaggedClass<Create>()(`${KANBAN_ACTION}/create`, {\n    input: S.Struct({\n      name: S.optional(S.String),\n      space: SpaceSchema,\n    }),\n    output: S.Struct({\n      object: KanbanType,\n    }),\n  }) {}\n\n  export class DeleteCardField extends S.TaggedClass<DeleteCardField>()(`${KANBAN_ACTION}/delete-card-field`, {\n    input: S.Struct({\n      kanban: KanbanType,\n      fieldId: S.String,\n      // TODO(wittjosiah): Separate fields for undo data?\n      deletionData: S.optional(\n        S.Struct({\n          field: FieldSchema,\n          // TODO(wittjosiah): This creates a type error.\n          // props: PropertySchema,\n          props: S.Any,\n          index: S.Number,\n        }),\n      ),\n    }),\n    output: S.Void,\n  }) {}\n}\n\n// TODO(burdon): Undo?\n// TODO(burdon): Typescript types (replace proto with annotations?)\n// TODO(burdon): Should pure components depend on ECHO? Relationship between ECHO object/array and Observable.\n// TODO(burdon): Can the plugin configure the object based on the data? E.g., how are the models constructed?\n// TODO(burdon): Create models. Simple first based on actual data.\n//  Model is always a projection since the dragging state is tentative.\n\n// TODO(burdon): Extend model for moving items (in and across columns).\nexport interface KanbanModel {\n  root: KanbanType;\n}\n\nexport type Location = {\n  idx?: number;\n};\n\nexport const isKanban = (object: unknown): object is KanbanType => object != null && object instanceof KanbanType;\n\nexport const createKanban = async (space: Space) => {\n  const { kanban } = await initializeKanban({ space });\n  return kanban;\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const KANBAN_PLUGIN = 'dxos.org/plugin/kanban';\n\nexport const meta = {\n  id: KANBAN_PLUGIN,\n  name: 'Kanban',\n  description: 'Kanban board for managing tasks.',\n  icon: 'ph--kanban--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-kanban',\n  tags: ['experimental'],\n} satisfies PluginMeta;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,yBAAkB;AAClB,kBAAwC;AACxC,6BAA2B;AAC3B,qBAAiC;AACjC,oBAA4B;ACFrB,IAAMA,gBAAgB;AAEtB,IAAMC,OAAO;EAClBC,IAAIF;EACJG,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;AACT;;UDMiBC,eAAAA;AACf,QAAMC,gBAAgB,GAAGT,aAAAA;EAElB,MAAMU,eAAeC,qBAAEC,YAAW,EAAW,GAAGH,aAAAA,WAAwB;IAC7EI,OAAOF,qBAAEG,OAAO;MACdX,MAAMQ,qBAAEI,SAASJ,qBAAEK,MAAM;MACzBC,OAAOC;IACT,CAAA;IACAC,QAAQR,qBAAEG,OAAO;MACfM,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;gBARSX,SAAAA;EAUN,MAAMY,wBAAwBX,qBAAEC,YAAW,EAAoB,GAAGH,aAAAA,sBAAmC;IAC1GI,OAAOF,qBAAEG,OAAO;MACdS,QAAQF;MACRG,SAASb,qBAAEK;;MAEXS,cAAcd,qBAAEI,SACdJ,qBAAEG,OAAO;QACPY,OAAOC;;;QAGPC,OAAOjB,qBAAEkB;QACTC,OAAOnB,qBAAEoB;MACX,CAAA,CAAA;IAEJ,CAAA;IACAZ,QAAQR,qBAAEqB;EACZ,CAAA,EAAA;EAAI;gBAhBSV,kBAAAA;AAiBf,GA9BiBd,iBAAAA,eAAAA,CAAAA,EAAAA;AAgDV,IAAMyB,WAAW,CAACb,WAA0CA,UAAU,QAAQA,kBAAkBC;AAEhG,IAAMa,eAAe,OAAOjB,UAAAA;AACjC,QAAM,EAAEM,OAAM,IAAK,UAAMY,iCAAiB;IAAElB;EAAM,CAAA;AAClD,SAAOM;AACT;",
+  "names": ["KANBAN_PLUGIN", "meta", "id", "name", "description", "icon", "source", "tags", "KanbanAction", "KANBAN_ACTION", "Create", "S", "TaggedClass", "input", "Struct", "optional", "String", "space", "SpaceSchema", "output", "object", "KanbanType", "DeleteCardField", "kanban", "fieldId", "deletionData", "field", "FieldSchema", "props", "Any", "index", "Number", "Void", "isKanban", "createKanban", "initializeKanban"]
+}

package/dist/lib/node/index.cjs

@@ -28,147 +28,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var node_exports = {};
 __export(node_exports, {
+  KANBAN_PLUGIN: () => import_chunk_QCB2U2J2.KANBAN_PLUGIN,
   KanbanPlugin: () => KanbanPlugin,
-  default: () => src_default
+  meta: () => import_chunk_QCB2U2J2.meta
 });
 module.exports = __toCommonJS(node_exports);
-var import_chunk_BE2FRW7E = require("./chunk-BE2FRW7E.cjs");
-var import_chunk_MBAGHRFM = require("./chunk-MBAGHRFM.cjs");
-var import_react = __toESM(require("react"));
+var import_chunk_QCB2U2J2 = require("./chunk-QCB2U2J2.cjs");
 var import_app_framework = require("@dxos/app-framework");
-var import_invariant = require("@dxos/invariant");
-var import_echo = require("@dxos/react-client/echo");
+var import_plugin_client = require("@dxos/plugin-client");
 var import_react_ui_kanban = require("@dxos/react-ui-kanban");
-var import_schema = require("@dxos/schema");
-var import_react2 = __toESM(require("react"));
-var import_invariant2 = require("@dxos/invariant");
-var import_plugin_search = require("@dxos/plugin-search");
-var import_echo2 = require("@dxos/react-client/echo");
-var import_react_ui_kanban2 = require("@dxos/react-ui-kanban");
-var import_react_ui_stack = require("@dxos/react-ui-stack");
-var import_react3 = __toESM(require("react"));
 var import_app_framework2 = require("@dxos/app-framework");
-var import_echo3 = require("@dxos/react-client/echo");
-var import_react_ui_form = require("@dxos/react-ui-form");
-var import_react_ui_kanban3 = require("@dxos/react-ui-kanban");
-var import_react_ui_kanban4 = require("@dxos/react-ui-kanban");
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-kanban/src/components/KanbanContainer.tsx";
-var KanbanContainer = ({ kanban }) => {
-  const [cardSchema, setCardSchema] = (0, import_react2.useState)();
-  const space = (0, import_echo2.getSpace)(kanban);
-  (0, import_react2.useEffect)(() => {
-    if (kanban.cardView && space) {
-      setCardSchema(space.db.schemaRegistry.getSchema(kanban.cardView.target.query.type));
-    }
-  }, [
-    kanban.cardView,
-    space
-  ]);
-  const objects = (0, import_echo2.useQuery)(space, cardSchema ? import_echo2.Filter.schema(cardSchema) : import_echo2.Filter.nothing());
-  const filteredObjects = (0, import_plugin_search.useGlobalFilteredObjects)(objects);
-  const model = (0, import_react_ui_kanban2.useKanbanModel)({
-    kanban,
-    cardSchema,
-    items: filteredObjects
-  });
-  const handleAddColumn = (0, import_react2.useCallback)((columnValue) => model?.addEmptyColumn(columnValue), [
-    model
-  ]);
-  const handleAddCard = (0, import_react2.useCallback)((columnValue) => {
-    if (space && cardSchema) {
-      space.db.add((0, import_echo2.create)(cardSchema, {
-        title: "",
-        description: "",
-        state: columnValue
-      }));
-    }
-  }, [
-    space,
-    cardSchema
-  ]);
-  const handleRemoveCard = (0, import_react2.useCallback)((card) => {
-    (0, import_invariant2.invariant)(space, void 0, {
-      F: __dxlog_file,
-      L: 51,
-      S: void 0,
-      A: [
-        "space",
-        ""
-      ]
-    });
-    space.db.remove(card);
-  }, [
-    space
-  ]);
-  const handleRemoveEmptyColumn = (0, import_react2.useCallback)((columnValue) => {
-    model?.removeColumnFromArrangement(columnValue);
-  }, [
-    model
-  ]);
-  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_stack.StackItem.Content, {
-    toolbar: false
-  }, model ? /* @__PURE__ */ import_react2.default.createElement(import_react_ui_kanban2.Kanban, {
-    model,
-    onAddCard: handleAddCard,
-    onAddColumn: handleAddColumn,
-    onRemoveCard: handleRemoveCard,
-    onRemoveEmptyColumn: handleRemoveEmptyColumn
-  }) : /* @__PURE__ */ import_react2.default.createElement("span", null, "Loading"));
-};
-var KanbanViewEditor = ({ kanban }) => {
-  const { dispatchPromise: dispatch } = (0, import_app_framework2.useIntentDispatcher)();
-  const space = (0, import_echo3.getSpace)(kanban);
-  const [schema, setSchema] = (0, import_react3.useState)(space && kanban?.cardView?.target?.query?.type ? space.db.schemaRegistry.getSchema(kanban.cardView.target.query.type) : void 0);
-  (0, import_react3.useEffect)(() => {
-    if (space && kanban?.cardView?.target?.query?.type) {
-      const unsubscribe = space.db.schemaRegistry.query({
-        typename: kanban?.cardView?.target?.query?.type
-      }).subscribe((query) => {
-        const [schema2] = query.results;
-        if (schema2) {
-          setSchema(schema2);
-        }
-      });
-      return unsubscribe;
-    }
-  }, [
-    space,
-    kanban?.cardView?.target?.query?.type
-  ]);
-  const handleDelete = (0, import_react3.useCallback)((fieldId) => dispatch?.((0, import_app_framework2.createIntent)(import_chunk_BE2FRW7E.KanbanAction.DeleteCardField, {
-    kanban,
-    fieldId
-  })), [
-    dispatch,
-    kanban
-  ]);
-  if (!space || !schema || !kanban.cardView?.target) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react3.default.createElement(import_react3.default.Fragment, null, /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form.Form, {
-    schema: import_react_ui_kanban3.KanbanPropsSchema,
-    values: {
-      columnField: kanban.columnField
-    },
-    onSave: ({ columnField }) => {
-      kanban.columnField = columnField;
-      kanban.arrangement = void 0;
-    }
-  }), /* @__PURE__ */ import_react3.default.createElement(import_react_ui_form.ViewEditor, {
-    registry: space.db.schemaRegistry,
-    schema,
-    view: kanban.cardView.target,
-    onDelete: handleDelete
-  }));
-};
-var KanbanViewEditor_default = KanbanViewEditor;
+var import_react_ui_kanban2 = require("@dxos/react-ui-kanban");
+var IntentResolver = (0, import_app_framework2.lazy)(() => import("./intent-resolver-6QZ6AMZF.cjs"));
+var ReactSurface = (0, import_app_framework2.lazy)(() => import("./react-surface-MOZ2OTXW.cjs"));
 var translations_default = [
   {
     "en-US": {
-      [import_react_ui_kanban4.KanbanType.typename]: {
+      [import_react_ui_kanban2.KanbanType.typename]: {
         "typename label": "Kanban"
       },
-      [import_chunk_MBAGHRFM.KANBAN_PLUGIN]: {
+      [import_chunk_QCB2U2J2.KANBAN_PLUGIN]: {
         "plugin name": "Kanban",
         "kanban title label": "Title",
         "kanban title placeholder": "New kanban",
@@ -186,115 +65,57 @@ var translations_default = [
     }
   }
 ];
-var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-kanban/src/KanbanPlugin.tsx";
-var KanbanPlugin = () => {
-  return {
-    meta: import_chunk_MBAGHRFM.meta_default,
-    provides: {
+var KanbanPlugin = () => (0, import_app_framework.definePlugin)(import_chunk_QCB2U2J2.meta, [
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_QCB2U2J2.meta.id}/module/translations`,
+    activatesOn: import_app_framework.Events.SetupTranslations,
+    activate: () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.Translations, [
+      ...translations_default,
+      ...import_react_ui_kanban.translations
+    ])
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_QCB2U2J2.meta.id}/module/metadata`,
+    activatesOn: (0, import_app_framework.oneOf)(import_app_framework.Events.Startup, import_app_framework.Events.SetupAppGraph),
+    activate: () => (0, import_app_framework.contributes)(import_app_framework.Capabilities.Metadata, {
+      id: import_react_ui_kanban.KanbanType.typename,
       metadata: {
-        records: {
-          [import_react_ui_kanban.KanbanType.typename]: {
-            createObject: (props) => (0, import_app_framework.createIntent)(import_chunk_BE2FRW7E.KanbanAction.Create, props),
-            placeholder: [
-              "kanban title placeholder",
-              {
-                ns: import_chunk_MBAGHRFM.KANBAN_PLUGIN
-              }
-            ],
-            icon: "ph--kanban--regular"
+        createObject: (props, options) => (0, import_app_framework.createIntent)(import_chunk_QCB2U2J2.KanbanAction.Create, {
+          ...props,
+          space: options.space
+        }),
+        placeholder: [
+          "kanban title placeholder",
+          {
+            ns: import_chunk_QCB2U2J2.KANBAN_PLUGIN
           }
-        }
-      },
-      echo: {
-        schema: [
-          import_react_ui_kanban.KanbanType
-        ]
-      },
-      translations: [
-        ...translations_default,
-        ...import_react_ui_kanban.translations
-      ],
-      surface: {
-        definitions: () => [
-          (0, import_app_framework.createSurface)({
-            id: `${import_chunk_MBAGHRFM.KANBAN_PLUGIN}/kanban`,
-            role: [
-              "article",
-              "section"
-            ],
-            filter: (data) => (0, import_chunk_BE2FRW7E.isKanban)(data.subject),
-            component: ({ data, role }) => /* @__PURE__ */ import_react.default.createElement(KanbanContainer, {
-              kanban: data.subject,
-              role
-            })
-          }),
-          (0, import_app_framework.createSurface)({
-            id: `${import_chunk_MBAGHRFM.KANBAN_PLUGIN}/settings`,
-            role: "complementary--settings",
-            filter: (data) => (0, import_chunk_BE2FRW7E.isKanban)(data.subject),
-            component: ({ data }) => /* @__PURE__ */ import_react.default.createElement(KanbanViewEditor_default, {
-              kanban: data.subject
-            })
-          })
-        ]
-      },
-      intent: {
-        resolvers: () => [
-          (0, import_app_framework.createResolver)(import_chunk_BE2FRW7E.KanbanAction.Create, async ({ space }) => ({
-            data: {
-              object: await (0, import_chunk_BE2FRW7E.createKanban)(space)
-            }
-          })),
-          (0, import_app_framework.createResolver)(import_chunk_BE2FRW7E.KanbanAction.DeleteCardField, ({ kanban, fieldId, deletionData }, undo) => {
-            (0, import_invariant.invariant)(kanban.cardView, void 0, {
-              F: __dxlog_file2,
-              L: 58,
-              S: void 0,
-              A: [
-                "kanban.cardView",
-                ""
-              ]
-            });
-            const schema = kanban.cardView.target && (0, import_echo.getSpace)(kanban)?.db.schemaRegistry.getSchema(kanban.cardView.target.query.type);
-            (0, import_invariant.invariant)(schema, void 0, {
-              F: __dxlog_file2,
-              L: 63,
-              S: void 0,
-              A: [
-                "schema",
-                ""
-              ]
-            });
-            const projection = new import_schema.ViewProjection(schema, kanban.cardView.target);
-            if (!undo) {
-              const { deleted, index } = projection.deleteFieldProjection(fieldId);
-              return {
-                undoable: {
-                  message: translations_default[0]["en-US"][import_chunk_MBAGHRFM.KANBAN_PLUGIN]["card field deleted label"],
-                  data: {
-                    deletionData: {
-                      ...deleted,
-                      index
-                    }
-                  }
-                }
-              };
-            } else if (undo && deletionData) {
-              const { field, props, index } = deletionData;
-              projection.setFieldProjection({
-                field,
-                props
-              }, index);
-            }
-          })
-        ]
+        ],
+        icon: "ph--kanban--regular"
       }
-    }
-  };
-};
-var src_default = KanbanPlugin;
+    })
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_QCB2U2J2.meta.id}/module/schema`,
+    activatesOn: import_plugin_client.ClientEvents.SetupClient,
+    activate: () => (0, import_app_framework.contributes)(import_plugin_client.ClientCapabilities.Schema, [
+      import_react_ui_kanban.KanbanType
+    ])
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_QCB2U2J2.meta.id}/module/react-surface`,
+    activatesOn: import_app_framework.Events.Startup,
+    activate: ReactSurface
+  }),
+  (0, import_app_framework.defineModule)({
+    id: `${import_chunk_QCB2U2J2.meta.id}/module/intent-resolver`,
+    activatesOn: import_app_framework.Events.SetupIntents,
+    activate: IntentResolver
+  })
+]);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  KanbanPlugin
+  KANBAN_PLUGIN,
+  KanbanPlugin,
+  meta
 });
 //# sourceMappingURL=index.cjs.map