@dxos/plugin-kanban 0.8.4-main.3eb6e50203 → 0.8.4-main.3fbcb4aa9b

package/src/capabilities/operation-resolver/operation-resolver.ts

@@ -1,133 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import * as Effect from 'effect/Effect';
-
-import { Capabilities, Capability, UndoMapping } from '@dxos/app-framework';
-import { JsonSchema, Obj } from '@dxos/echo';
-import { type EchoSchema } from '@dxos/echo/internal';
-import { invariant } from '@dxos/invariant';
-import { OperationResolver } from '@dxos/operation';
-import { ProjectionModel, createEchoChangeCallback, getTypenameFromQuery } from '@dxos/schema';
-
-import { meta } from '../../meta';
-import { KanbanOperation } from '../../types';
-
-export default Capability.makeModule(() =>
-  Effect.succeed([
-    Capability.contributes(Capabilities.UndoMapping, [
-      UndoMapping.make({
-        operation: KanbanOperation.DeleteCardField,
-        inverse: KanbanOperation.RestoreCardField,
-        deriveContext: (input, output) => ({
-          view: input.view,
-          field: output.field,
-          props: output.props,
-          index: output.index,
-        }),
-        message: ['card field deleted label', { ns: meta.id }],
-      }),
-      UndoMapping.make({
-        operation: KanbanOperation.DeleteCard,
-        inverse: KanbanOperation.RestoreCard,
-        deriveContext: (_input, output) => ({
-          card: output.card,
-        }),
-        message: ['card deleted label', { ns: meta.id }],
-      }),
-    ]),
-    Capability.contributes(Capabilities.OperationResolver, [
-      OperationResolver.make({
-        operation: KanbanOperation.DeleteCardField,
-        handler: Effect.fnUntraced(function* ({ view, fieldId }) {
-          const registry = yield* Capability.get(Capabilities.AtomRegistry);
-          const db = Obj.getDatabase(view);
-          invariant(db, 'Database not found');
-          const schema = yield* Effect.promise(() =>
-            db.schemaRegistry
-              .query({
-                typename: getTypenameFromQuery(view.query.ast)!,
-                location: ['database', 'runtime'],
-              })
-              .first(),
-          );
-
-          // Create projection with change callbacks that wrap in Obj.change().
-          // Schema from registry is an EchoSchema at runtime.
-          const projection = new ProjectionModel({
-            registry,
-            view,
-            baseSchema: JsonSchema.toJsonSchema(schema),
-            change: createEchoChangeCallback(view, schema as EchoSchema),
-          });
-
-          const result = projection.deleteFieldProjection(fieldId);
-
-          // Return data needed for undo.
-          return {
-            field: result.deleted.field,
-            props: result.deleted.props,
-            index: result.index,
-          };
-        }),
-      }),
-      OperationResolver.make({
-        operation: KanbanOperation.DeleteCard,
-        handler: ({ card }) =>
-          Effect.sync(() => {
-            const db = Obj.getDatabase(card);
-            invariant(db);
-            db.remove(card);
-
-            // Return data needed for undo.
-            return { card };
-          }),
-      }),
-
-      //
-      // RestoreCardField (inverse of DeleteCardField)
-      //
-      OperationResolver.make({
-        operation: KanbanOperation.RestoreCardField,
-        handler: Effect.fnUntraced(function* ({ view, field, props, index }) {
-          const registry = yield* Capability.get(Capabilities.AtomRegistry);
-          const db = Obj.getDatabase(view);
-          invariant(db, 'Database not found');
-          const schema = yield* Effect.promise(() =>
-            db.schemaRegistry
-              .query({
-                typename: getTypenameFromQuery(view.query.ast)!,
-                location: ['database', 'runtime'],
-              })
-              .first(),
-          );
-
-          // Create projection with change callbacks that wrap in Obj.change().
-          // Schema from registry is an EchoSchema at runtime.
-          const projection = new ProjectionModel({
-            registry,
-            view,
-            baseSchema: JsonSchema.toJsonSchema(schema),
-            change: createEchoChangeCallback(view, schema as EchoSchema),
-          });
-
-          projection.setFieldProjection({ field, props }, index);
-        }),
-      }),
-
-      //
-      // RestoreCard (inverse of DeleteCard)
-      //
-      OperationResolver.make({
-        operation: KanbanOperation.RestoreCard,
-        handler: ({ card }) =>
-          Effect.sync(() => {
-            const db = Obj.getDatabase(card);
-            invariant(db);
-            db.add(card);
-          }),
-      }),
-    ]),
-  ]),
-);

package/src/capabilities/react-surface/index.ts

@@ -1,7 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Capability } from '@dxos/app-framework';
-
-export const ReactSurface = Capability.lazy('ReactSurface', () => import('./react-surface'));

package/src/components/KanbanContainer.tsx

@@ -1,87 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { RegistryContext } from '@effect-atom/atom-react';
-import React, { useCallback, useContext, useEffect, useState } from 'react';
-
-import { useCapabilities, useOperationInvoker } from '@dxos/app-framework/ui';
-import { AppCapabilities } from '@dxos/app-toolkit';
-import { type SurfaceComponentProps } from '@dxos/app-toolkit/ui';
-import { Filter, Obj, Type } from '@dxos/echo';
-import { useGlobalFilteredObjects } from '@dxos/plugin-search';
-import { useQuery } from '@dxos/react-client/echo';
-import { Layout } from '@dxos/react-ui';
-import { Kanban as KanbanComponent, useKanbanModel, useProjectionModel } from '@dxos/react-ui-kanban';
-import { type Kanban } from '@dxos/react-ui-kanban/types';
-import { getTypenameFromQuery } from '@dxos/schema';
-
-import { KanbanOperation } from '../types';
-
-export type KanbanContainerProps = SurfaceComponentProps<Kanban.Kanban>;
-
-export const KanbanContainer = ({ role, subject: object }: KanbanContainerProps) => {
-  const registry = useContext(RegistryContext);
-  const schemas = useCapabilities(AppCapabilities.Schema);
-  const [cardSchema, setCardSchema] = useState<Type.Obj.Any>();
-  const db = Obj.getDatabase(object);
-  const { invokePromise } = useOperationInvoker();
-  const typename = object.view.target?.query ? getTypenameFromQuery(object.view.target.query.ast) : undefined;
-
-  useEffect(() => {
-    const staticSchema = schemas.flat().find((schema) => Type.getTypename(schema) === typename);
-    if (staticSchema) {
-      // NOTE: Use functional update to prevent React from calling the schema as a function.
-      setCardSchema(() => staticSchema);
-    }
-    if (!staticSchema && typename && db) {
-      const query = db.schemaRegistry.query({ typename });
-      const unsubscribe = query.subscribe(
-        () => {
-          const [schema] = query.results;
-          if (schema) {
-            // NOTE: Use functional update to prevent React from calling the schema as a function.
-            setCardSchema(() => schema);
-          }
-        },
-        { fire: true },
-      );
-      return unsubscribe;
-    }
-  }, [schemas, db, typename]);
-
-  const objects = useQuery(db, cardSchema ? Filter.type(cardSchema) : Filter.nothing());
-  const filteredObjects = useGlobalFilteredObjects(objects);
-
-  const projection = useProjectionModel(cardSchema, object, registry);
-  const model = useKanbanModel({
-    object,
-    projection,
-    items: filteredObjects,
-  });
-
-  const handleAddCard = useCallback(
-    (columnValue: string | undefined) => {
-      const path = model?.columnFieldPath;
-      if (db && cardSchema && path) {
-        const card = Obj.make(cardSchema, { [path]: columnValue });
-        db.add(card);
-        return card.id;
-      }
-    },
-    [db, cardSchema, model],
-  );
-
-  const handleRemoveCard = useCallback(
-    (card: { id: string }) => {
-      void invokePromise(KanbanOperation.DeleteCard, { card });
-    },
-    [invokePromise],
-  );
-
-  return (
-    <Layout.Main role={role}>
-      {model && <KanbanComponent model={model} onAddCard={handleAddCard} onRemoveCard={handleRemoveCard} />}
-    </Layout.Main>
-  );
-};

package/src/components/KanbanViewEditor.tsx

@@ -1,59 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { RegistryContext } from '@effect-atom/atom-react';
-import React, { useCallback, useContext, useMemo } from 'react';
-
-import { Obj } from '@dxos/echo';
-import { Format } from '@dxos/echo/internal';
-import { invariant } from '@dxos/invariant';
-import { useSchema } from '@dxos/react-client/echo';
-import { Form, type FormFieldMap, SelectField } from '@dxos/react-ui-form';
-import { useProjectionModel } from '@dxos/react-ui-kanban';
-import { type Kanban } from '@dxos/react-ui-kanban/types';
-import { getTypenameFromQuery } from '@dxos/schema';
-
-import { SettingsSchema } from '../types';
-
-type KanbanViewEditorProps = { object: Kanban.Kanban };
-
-export const KanbanViewEditor = ({ object }: KanbanViewEditorProps) => {
-  const registry = useContext(RegistryContext);
-  const db = Obj.getDatabase(object);
-  const view = object.view.target;
-  const currentTypename = view?.query ? getTypenameFromQuery(view.query.ast) : undefined;
-  const schema = useSchema(db, currentTypename);
-  const projection = useProjectionModel(schema, object, registry);
-
-  const fieldProjections = projection?.getFieldProjections() || [];
-  const selectFields = fieldProjections
-    .filter((field) => field.props.format === Format.TypeFormat.SingleSelect)
-    .map(({ field }) => ({ value: field.id, label: field.path }));
-
-  const handleSave = useCallback(
-    (values: Partial<{ columnFieldId: string }>) => {
-      invariant(view);
-      Obj.change(view, (v) => {
-        v.projection.pivotFieldId = values.columnFieldId;
-      });
-    },
-    [view],
-  );
-
-  const initialValues = useMemo(
-    () => ({ columnFieldId: view?.projection.pivotFieldId }),
-    [view?.projection.pivotFieldId],
-  );
-
-  const fieldMap: FormFieldMap = useMemo(
-    () => ({ columnFieldId: (props) => <SelectField {...props} options={selectFields} /> }),
-    [selectFields],
-  );
-
-  return (
-    <Form.Root schema={SettingsSchema} values={initialValues} fieldMap={fieldMap} autoSave onSave={handleSave}>
-      <Form.FieldSet />
-    </Form.Root>
-  );
-};