@dxos/plugin-pipeline 0.8.4-main.abd8ff62ef → 0.8.4-main.bc2380dfbc

package/src/containers/PipelineProperties/PipelineProperties.tsx

@@ -9,13 +9,13 @@ import { resolveSchemaWithRegistry } from '@dxos/app-toolkit/query';
 import { useTypeOptions } from '@dxos/app-toolkit/ui';
 import { DXN, Filter, JsonSchema, Obj, Query, type QueryAST, Ref, Tag } from '@dxos/echo';
 import { type JsonPath, type Mutable } from '@dxos/echo/internal';
-import { getSpace, useObject, useQuery } from '@dxos/react-client/echo';
+import { useObject, useQuery } from '@dxos/react-client/echo';
 import { IconButton, type ThemedClassName, useAsyncEffect, useTranslation } from '@dxos/react-ui';
 import { Form, ViewEditor } from '@dxos/react-ui-form';
 import { List } from '@dxos/react-ui-list';
 import { type ProjectionModel, ViewModel } from '@dxos/schema';
 import { Pipeline } from '@dxos/types';
-import { mx, osTranslations, subtleHover } from '@dxos/ui-theme';
+import { mx, osTranslations } from '@dxos/ui-theme';
 import { arrayMove } from '@dxos/util';
 
 import { meta } from '#meta';
@@ -34,7 +34,7 @@ export type PipelinePropertiesProps = ThemedClassName<{
  */
 export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesProps) => {
   const { t } = useTranslation(meta.id);
-  const space = getSpace(pipeline);
+  const db = Obj.getDatabase(pipeline);
   const [expandedId, setExpandedId] = useState<string>();
   const [columns, updateColumns] = useObject(pipeline, 'columns');
   const column = useMemo(
@@ -44,9 +44,9 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
   const [view, updateView] = useObject(column?.view);
   const [schema, setSchema] = useState<Schema.Schema.AnyNoContext>(() => Schema.Struct({}));
   const projectionRef = useRef<ProjectionModel>(null);
-  const tags = useQuery(space?.db, Filter.type(Tag.Tag));
+  const tags = useQuery(db, Filter.type(Tag.Tag));
   const types = useTypeOptions({
-    space,
+    db,
     annotation: {
       location: ['database', 'runtime'],
       kind: ['user'],
@@ -54,15 +54,15 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
   });
 
   useAsyncEffect(async () => {
-    if (!view?.query || !space) {
+    if (!view?.query || !db) {
       return;
     }
 
-    const foundSchema = await resolveSchemaWithRegistry(space.db.schemaRegistry, view.query.ast);
+    const foundSchema = await resolveSchemaWithRegistry(db.schemaRegistry, view.query.ast);
     if (foundSchema && foundSchema !== schema) {
       setSchema(() => foundSchema);
     }
-  }, [space, view, schema]);
+  }, [db, view, schema]);
 
   const handleMove = useCallback(
     (fromIndex: number, toIndex: number) =>
@@ -74,16 +74,16 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
 
   const handleQueryChanged = useCallback(
     async (newQuery: QueryAST.Query, target?: string) => {
-      if (!view || !space) {
+      if (!view || !db) {
         return;
       }
 
       const queue = target && DXN.tryParse(target) ? target : undefined;
-      const query = queue ? Query.fromAst(newQuery).from({ queues: [queue] }) : Query.fromAst(newQuery);
+      const query = queue ? Query.fromAst(newQuery).from({ feeds: [queue] }) : Query.fromAst(newQuery);
       updateView((view) => {
         view.query.ast = query.ast as Mutable<typeof query.ast>;
       });
-      const newSchema = await resolveSchemaWithRegistry(space.db.schemaRegistry, query.ast);
+      const newSchema = await resolveSchemaWithRegistry(db.schemaRegistry, query.ast);
       if (!newSchema) {
         return;
       }
@@ -98,7 +98,7 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
 
       setSchema(() => newSchema);
     },
-    [view, updateView, schema],
+    [db, view, updateView, schema],
   );
 
   const handleColumnValuesChanged = useCallback(
@@ -134,20 +134,20 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
       updateColumns((columns) => {
         columns.splice(index, 1);
       });
-      space?.db.remove(viewToRemove);
+      db?.remove(viewToRemove);
     },
-    [expandedId, columns, updateColumns, space],
+    [expandedId, columns, updateColumns, db],
   );
 
   const handleAdd = useCallback(() => {
-    if (!space) {
+    if (!db) {
       return;
     }
     const newView = ViewModel.make({
       query: Query.select(Filter.nothing()),
       jsonSchema: JsonSchema.toJsonSchema(Schema.Struct({})),
     });
-    space.db.add(newView);
+    db.add(newView);
     updateColumns((columns) => {
       columns.push({
         name: '',
@@ -157,10 +157,10 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
       });
     });
     setExpandedId(newView.id);
-  }, [space, updateColumns]);
+  }, [db, updateColumns]);
 
   return (
-    <div role='none' className={mx('py-form-padding overflow-y-auto', classNames)}>
+    <div className={mx('py-form-padding overflow-y-auto', classNames)}>
       <h2 className='text-sm text-description py-1'>{t('views.label')}</h2>
 
       <List.Root<Pipeline.Column>
@@ -179,7 +179,7 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
                   classNames={listItemGrid}
                   aria-expanded={expandedId === column.view.dxn.toString()}
                 >
-                  <div role='none' className={mx(subtleHover, listItemGrid, 'rounded-xs cursor-pointer min-h-10')}>
+                  <div className={mx(listItemGrid, 'dx-hover rounded-xs cursor-pointer min-h-10')}>
                     <List.ItemDragHandle />
                     <List.ItemTitle onClick={() => handleToggleField(column)}>
                       {column.name || t('untitled-view.title')}
@@ -203,7 +203,7 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
                     />
                   </div>
                   {expandedId === column.view.dxn.toString() && column?.view.target && (
-                    <div role='none' className='col-span-5 my-2 border border-separator rounded-md'>
+                    <div className='col-span-5 my-2 border border-separator rounded-md'>
                       <Form.Root
                         schema={ColumnFormSchema}
                         values={column}
@@ -219,8 +219,8 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
                         readonly
                         schema={schema}
                         view={column.view.target}
-                        registry={space?.db.schemaRegistry}
-                        db={space?.db}
+                        registry={db?.schemaRegistry}
+                        db={db}
                         tags={tags}
                         types={types}
                         onQueryChanged={handleQueryChanged}
@@ -234,7 +234,7 @@ export const PipelineProperties = ({ classNames, pipeline }: PipelinePropertiesP
         )}
       </List.Root>
 
-      <div role='none' className='my-form-padding'>
+      <div className='my-form-padding'>
         <IconButton icon='ph--plus--regular' label={t('add-view.label')} onClick={handleAdd} classNames='w-full' />
       </div>
     </div>

package/src/containers/index.ts

@@ -4,5 +4,5 @@
 
 import { type ComponentType, lazy } from 'react';
 
-export const PipelineContainer: ComponentType<any> = lazy(() => import('./PipelineContainer'));
+export const PipelineArticle: ComponentType<any> = lazy(() => import('./PipelineArticle'));
 export const PipelineProperties: ComponentType<any> = lazy(() => import('./PipelineProperties'));

package/src/index.ts

@@ -2,10 +2,4 @@
 // Copyright 2023 DXOS.org
 //
 
-import { Plugin } from '@dxos/app-framework';
-
-import { meta } from './meta';
-
-export const PipelinePlugin = Plugin.lazy(meta, () => import('#plugin'));
-
 export * from './meta';

package/src/plugin.ts

@@ -0,0 +1,9 @@
+//
+// Copyright 2025 DXOS.org
+//
+
+import { Plugin } from '@dxos/app-framework';
+
+import { meta } from './meta';
+
+export const PipelinePlugin = Plugin.lazy(meta, () => import('#plugin'));

package/src/templates/research.ts

@@ -3,8 +3,8 @@
 //
 
 import { type Database, Filter, JsonSchema, Query, Ref } from '@dxos/echo';
-import { Mailbox } from '@dxos/plugin-inbox/types';
-import { Markdown } from '@dxos/plugin-markdown/types';
+import { Mailbox } from '@dxos/plugin-inbox';
+import { Markdown } from '@dxos/plugin-markdown';
 import { ViewModel } from '@dxos/schema';
 import { Message, Organization, Person, Pipeline } from '@dxos/types';
 

package/dist/lib/browser/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/index.ts", "../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plugin } from '@dxos/app-framework';\n\nimport { meta } from './meta';\n\nexport const PipelinePlugin = Plugin.lazy(meta, () => import('#plugin'));\n\nexport * from './meta';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { type Plugin } from '@dxos/app-framework';\nimport { trim } from '@dxos/util';\n\nexport const meta: Plugin.Meta = {\n  id: 'org.dxos.plugin.pipeline',\n  name: 'Pipelines',\n  description: trim`\n    Pipelines for organizing tasks, milestones, and deliverables.\n    Track progress across multiple pipelines and coordinate team activities in a structured environment.\n  `,\n  icon: 'ph--path--regular',\n  iconHue: 'purple',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-pipeline',\n  tags: ['labs'],\n};\n"],
-  "mappings": ";AAIA,SAASA,cAAc;;;ACCvB,SAASC,YAAY;AAEd,IAAMC,OAAoB;EAC/BC,IAAI;EACJC,MAAM;EACNC,aAAaJ;;;;EAIbK,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,MAAM;IAAC;;AACT;;;ADVO,IAAMC,iBAAiBC,OAAOC,KAAKC,MAAM,MAAM,OAAO,SAAA,CAAA;",
-  "names": ["Plugin", "trim", "meta", "id", "name", "description", "icon", "iconHue", "source", "tags", "PipelinePlugin", "Plugin", "lazy", "meta"]
-}

package/dist/lib/browser/meta.json

@@ -1 +0,0 @@
-{"inputs":{"src/meta.ts":{"bytes":1832,"imports":[{"path":"@dxos/util","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":945,"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"#plugin","kind":"dynamic-import","external":true}],"format":"esm"},"src/translations.ts":{"bytes":4002,"imports":[{"path":"@dxos/types","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true}],"format":"esm"},"src/types/index.ts":{"bytes":288,"imports":[],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1290},"dist/lib/browser/index.mjs":{"imports":[{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"#plugin","kind":"dynamic-import","external":true}],"exports":["PipelinePlugin","meta"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":111},"src/meta.ts":{"bytesInOutput":463}},"bytes":695},"dist/lib/browser/translations.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1877},"dist/lib/browser/translations.mjs":{"imports":[{"path":"@dxos/types","kind":"import-statement","external":true},{"path":"#meta","kind":"import-statement","external":true}],"exports":["translations"],"entryPoint":"src/translations.ts","inputs":{"src/translations.ts":{"bytesInOutput":1117}},"bytes":1209},"dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/types/index.mjs":{"imports":[],"exports":[],"entryPoint":"src/types/index.ts","inputs":{"src/types/index.ts":{"bytesInOutput":0}},"bytes":35}}}

package/dist/types/src/containers/PipelineContainer/PipelineContainer.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { AppSurface } from '@dxos/app-toolkit/ui';
-import { type Pipeline } from '@dxos/types';
-export type PipelineContainerProps = AppSurface.ObjectArticleProps<Pipeline.Pipeline>;
-export declare const PipelineContainer: ({ role, subject: pipeline, attendableId }: PipelineContainerProps) => React.JSX.Element;
-//# sourceMappingURL=PipelineContainer.d.ts.map

package/dist/types/src/containers/PipelineContainer/PipelineContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PipelineContainer.d.ts","sourceRoot":"","sources":["../../../../../src/containers/PipelineContainer/PipelineContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAKtD,OAAO,EACL,UAAU,EAIX,MAAM,sBAAsB,CAAC;AAK9B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAO5C,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAEtF,eAAO,MAAM,iBAAiB,8CAA+C,sBAAsB,sBA4BlG,CAAC"}

package/dist/types/src/containers/PipelineContainer/PipelineContainer.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PipelineContainer.stories.d.ts","sourceRoot":"","sources":["../../../../../src/containers/PipelineContainer/PipelineContainer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjE,OAAO,KAAK,MAAM,OAAO,CAAC;AA4C1B,QAAA,MAAM,IAAI;;;;;QAyKN,MAAM;QACN,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAE0B,CAAC;eAE5B,IAAI;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/containers/PipelineContainer/index.d.ts

@@ -1,2 +0,0 @@
-export { PipelineContainer as default } from './PipelineContainer';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/containers/PipelineContainer/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/containers/PipelineContainer/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/src/containers/PipelineContainer/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export { PipelineContainer as default } from './PipelineContainer';