@journeyapps-labs/reactor-mod-data-browser 3.2.1 → 3.4.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @journeyapps-labs/reactor-mod-data-browser
 
+## 3.4.0
+
+### Minor Changes
+
+- 4a150da: Expand Data Browser query tooling with better filtering, relationship workflows, and ID utilities.
+  - Show type labels under column headings.
+  - Add filtering support for boolean, belongs-to, and `ID` columns.
+  - Group Add Filter options into `Fields` and `Belongs to`.
+  - Make IDs easier to work with:
+    - Add copy actions in ID cells.
+    - Add copy support in relationship peek metadata.
+    - Allow direct UUID paste in relationship search to resolve records by ID.
+  - Improve relationship workflows:
+    - Add `View has many` from row context menus to open related records in a pre-filtered query.
+    - Add `Filter belongs to` from relationship peek to apply a query filter from the selected related object.
+  - Make the `ID` column filterable but no longer sortable.
+
+## 3.3.0
+
+### Minor Changes
+
+- 928d844: Connections now have an online status
+
 ## 3.2.1
 
 ### Patch Changes

package/dist/@types/actions/schema-model/ViewHasManyAction.d.ts

@@ -0,0 +1,12 @@
+import { ComboBoxStore2, EntityAction, EntityActionEvent, NotificationStore, WorkspaceStore } from '@journeyapps-labs/reactor-mod';
+import { SchemaModelObject } from '../../core/SchemaModelObject';
+export declare class ViewHasManyAction extends EntityAction<SchemaModelObject> {
+    static ID: string;
+    accessor comboStore: ComboBoxStore2;
+    accessor workspaceStore: WorkspaceStore;
+    accessor notifications: NotificationStore;
+    constructor();
+    fireEvent(event: EntityActionEvent<SchemaModelObject>): Promise<any>;
+    private openRelationshipQuery;
+    static get(): ViewHasManyAction;
+}

package/dist/@types/core/AbstractConnection.d.ts

@@ -16,13 +16,20 @@ export interface AbstractConnectionSerialized {
 export interface AbstractConnectionListener {
     removed: () => any;
 }
+export declare enum ConnectionOnlineState {
+    OFFLINE = "offline",
+    LOADING = "loading",
+    ONLINE = "online"
+}
 export declare abstract class AbstractConnection extends BaseObserver<AbstractConnectionListener> {
     factory: AbstractConnectionFactory;
     id: string;
     accessor color: string;
+    accessor onlineState: ConnectionOnlineState;
     schema_models_collection: Collection<ObjectType>;
     schema_models: LifecycleCollection<ObjectType, SchemaModelDefinition>;
     private fetch_indexes_promise;
+    private initialize_online_promise;
     constructor(factory: AbstractConnectionFactory);
     abstract getBackendClient(): V4BackendClient;
     getIndexes(): Promise<{
@@ -32,11 +39,16 @@ export declare abstract class AbstractConnection extends BaseObserver<AbstractCo
     }>;
     batchSave(models: SchemaModelObject[]): Promise<void>;
     getSchemaModelDefinitionByName(name: string): SchemaModelDefinition;
+    get isOnline(): boolean;
+    get isLoadingOnline(): boolean;
     waitForSchemaModelDefinitionByName(name: string): Promise<SchemaModelDefinition>;
     abstract getConnection(): Promise<Database>;
     protected getSchema(): Promise<Schema>;
     reload(): Promise<void>;
     init(): Promise<void>;
+    protected connectOnline(): Promise<void>;
+    ensureOnline(): Promise<void>;
+    private initializeOnline;
     protected getSchemaModelDefinitions(): Promise<SchemaModelDefinition[]>;
     remove(): void;
     serialize(): AbstractConnectionSerialized;

package/dist/@types/core/SchemaModelDefinition.d.ts

@@ -1,6 +1,6 @@
 import { AbstractConnection } from './AbstractConnection';
 import { ObjectType } from '@journeyapps/parser-schema';
-import { Collection, Query } from '@journeyapps/db';
+import { Collection, Query, Variable } from '@journeyapps/db';
 import { SchemaModelObject } from './SchemaModelObject';
 import { LifecycleModel } from '@journeyapps-labs/lib-reactor-data-layer';
 import { BaseObserver } from '@journeyapps-labs/common-utils';
@@ -19,6 +19,11 @@ export interface SchemaModelDefinitionOptions {
     connection: AbstractConnection;
     definition: ObjectType;
 }
+export interface FilterableField {
+    key: string;
+    label: string;
+    group: 'Fields' | 'Belongs to';
+}
 export declare class SchemaModelDefinition extends BaseObserver<SchemaModelDefinitionListener> implements LifecycleModel<ObjectType> {
     protected options: SchemaModelDefinitionOptions;
     cache: Map<string, SchemaModelObject>;
@@ -39,8 +44,10 @@ export declare class SchemaModelDefinition extends BaseObserver<SchemaModelDefin
     executeQuery(query: Query): Promise<SchemaModelObject[]>;
     getCollection(): Promise<Collection<import("@journeyapps/db").DatabaseObject>>;
     generateNewModelObject(): Promise<SchemaModelObject>;
-    getFilterableFields(typeEngine: TypeEngine): {
-        key: string;
-        label: string;
-    }[];
+    getBelongsToIdVariableForRelationship(relationshipName: string): Variable | undefined;
+    getBelongsToRelationshipForField(field: string): {
+        variable: Variable;
+        relationship: ObjectType['belongsTo'][string];
+    } | undefined;
+    getFilterableFields(typeEngine: TypeEngine): FilterableField[];
 }

package/dist/@types/core/query/StandardModelFields.d.ts

@@ -1,5 +1,9 @@
+import { Variable } from '@journeyapps/db';
 export declare enum StandardModelFields {
     ID = "id",
     UPDATED_AT = "updated_at"
 }
 export declare const STANDARD_MODEL_FIELD_LABELS: Record<StandardModelFields, string>;
+export declare const idVariable: Variable & {
+    label?: string;
+};

package/dist/@types/core/query/query-simple/SimpleQueryFilterState.d.ts

@@ -1,6 +1,6 @@
 import { Variable } from '@journeyapps/db';
 import { BaseObserver } from '@journeyapps-labs/common-utils';
-import { SchemaModelDefinition } from '../../SchemaModelDefinition';
+import { FilterableField, SchemaModelDefinition } from '../../SchemaModelDefinition';
 import { SerializedSimpleFilter, SimpleFilter } from '../filters';
 import { TypeEngine } from '../../../forms/TypeEngine';
 export interface SimpleQueryFilterStateListener {
@@ -22,10 +22,7 @@ export declare class SimpleQueryFilterState extends BaseObserver<SimpleQueryFilt
     get filters(): SimpleFilter[];
     clear(): void;
     setDefinition(definition: SchemaModelDefinition | undefined): boolean;
-    getFilterableFields(): {
-        key: string;
-        label: string;
-    }[];
+    getFilterableFields(): FilterableField[];
     getActiveFilters(): ActiveFilterEntry[];
     getFilter(field: string): SimpleFilter | undefined;
     getSerializedFilters(): SerializedSimpleFilter[];
@@ -33,5 +30,6 @@ export declare class SimpleQueryFilterState extends BaseObserver<SimpleQueryFilt
     setFilter(field: string, filter: SimpleFilter): boolean;
     setupFilterForField(field: string, position?: MouseEvent): Promise<boolean>;
     private addFilter;
-    private resolveAttribute;
+    private resolveField;
+    private resolveBelongsToField;
 }

package/dist/@types/core/query/widgets/BelongsToDisplayWidget.d.ts

@@ -7,6 +7,7 @@ export interface BelongsToDisplayWidgetProps {
     id: string;
     connection: AbstractConnection;
     open: (object: SchemaModelObject) => any;
+    filterBelongsTo?: (object: SchemaModelObject) => any;
     className?: any;
 }
 export declare const BelongsToDisplayWidget: React.FC<BelongsToDisplayWidgetProps>;

package/dist/@types/core/query/widgets/ColumnDisplayWidget.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 export interface ColumnDisplayWidgetProps {
     label: string;
+    secondaryLabel?: string;
     className?: any;
     onClick?: () => any;
 }

package/dist/@types/core/query/widgets/IDCellDisplayWidget.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export interface IDCellDisplayWidgetProps {
+    id: string;
+}
+export declare const IDCellDisplayWidget: React.FC<IDCellDisplayWidgetProps>;

package/dist/@types/core/query/widgets/PeekRelationshipButton.d.ts

@@ -3,5 +3,6 @@ import { SchemaModelObject } from '../../SchemaModelObject';
 export interface PeekRelationshipButtonProps {
     object: SchemaModelObject;
     open: (object: SchemaModelObject) => any;
+    filterBelongsTo?: (object: SchemaModelObject) => any;
 }
 export declare const PeekRelationshipButton: React.FC<PeekRelationshipButtonProps>;

package/dist/@types/core/query/widgets/SmartBelongsToDisplayWidget.d.ts

@@ -1,10 +1,12 @@
 import * as React from 'react';
 import { PageRow } from '../Page';
 import { AbstractConnection } from '../../AbstractConnection';
+import { SchemaModelObject } from '../../SchemaModelObject';
 import { Variable } from '@journeyapps/db';
 export interface SmartBelongsToDisplayWidgetProps {
     row: PageRow;
     connection: AbstractConnection;
     variable_id: Variable;
+    filterBelongsTo?: (object: SchemaModelObject) => any;
 }
 export declare const SmartBelongsToDisplayWidget: React.FC<SmartBelongsToDisplayWidgetProps>;

package/dist/@types/core/query/widgets/SmartColumnWidget.d.ts

@@ -1,13 +1,18 @@
 import * as React from 'react';
-import { ObjectType, Variable } from '@journeyapps/db';
+import { Variable } from '@journeyapps/db';
 import { SimpleFilter } from '../filters';
-import type { SortDirection } from '../query-simple/SimpleQuery';
+import { SortDirection } from '../query-simple/SimpleQuery';
 export interface SmartColumnWidgetProps {
     variable: Variable;
-    type?: ObjectType;
+    typeLabel?: string;
     filter?: SimpleFilter;
     sortDirection?: SortDirection;
     onToggleSort?: () => Promise<any> | any;
+    setupFilter?: (event: {
+        variable: Variable;
+        filter?: SimpleFilter;
+        position?: MouseEvent;
+    }) => Promise<SimpleFilter | null>;
     filterChanged: (filter: SimpleFilter | null) => any;
 }
 export declare const SmartColumnWidget: React.FC<SmartColumnWidgetProps>;

package/dist/@types/core/query/widgets/SmartFilterWidget.d.ts

@@ -4,6 +4,11 @@ import { SimpleFilter } from '../filters';
 export interface SmartFilterWidgetProps {
     variable: Variable;
     filter?: SimpleFilter;
+    setupFilter: (event: {
+        variable: Variable;
+        filter?: SimpleFilter;
+        position?: MouseEvent;
+    }) => Promise<SimpleFilter | null>;
     filterChanged: (filter: SimpleFilter | null) => any;
 }
 export interface SmartFilterMetadataWidgetProps {
@@ -13,3 +18,4 @@ export interface SmartFilterMetadataWidgetProps {
 }
 export declare const SmartFilterMetadataWidget: React.FC<SmartFilterMetadataWidgetProps>;
 export declare const SmartFilterWidget: React.FC<SmartFilterWidgetProps>;
+export declare const SmartTypeEngineFilterWidget: React.FC<Omit<SmartFilterWidgetProps, 'setupFilter'>>;

package/dist/@types/core/types/ManualConnection.d.ts

@@ -10,6 +10,7 @@ export declare class ManualConnection extends AbstractConnection {
     protected options?: ManualConnectionDetails;
     constructor(factory: ManualConnectionFactory, options?: ManualConnectionDetails);
     getConnection(): Promise<Database>;
+    init(): Promise<void>;
     _serialize(): ManualConnectionDetails;
     _deSerialize(data: ManualConnectionDetails): Promise<any>;
     get name(): EntityDescription;

package/dist/@types/entities/ConnectionEntityDefinition.d.ts

@@ -1,10 +1,11 @@
-import { EntityDefinition } from '@journeyapps-labs/reactor-mod';
+import { EntityDefinition, ThemeStore } from '@journeyapps-labs/reactor-mod';
 import { ConnectionStore } from '../stores/ConnectionStore';
 import { AbstractConnection } from '../core/AbstractConnection';
 import { SavedQueryStore } from '../stores/SavedQueryStore';
 export declare class ConnectionEntityDefinition extends EntityDefinition<AbstractConnection> {
     accessor connectionStore: ConnectionStore;
     accessor savedQueryStore: SavedQueryStore;
+    accessor themeStore: ThemeStore;
     constructor();
     matchEntity(t: any): boolean;
     getEntityUID(t: AbstractConnection): string;

package/dist/@types/entities/SchemaModelObjectEntityDefinition.d.ts

@@ -1,4 +1,4 @@
-import { EntityDefinition } from '@journeyapps-labs/reactor-mod';
+import { Action, EntityDefinition } from '@journeyapps-labs/reactor-mod';
 import { ConnectionStore } from '../stores/ConnectionStore';
 import { SchemaModelObject } from '../core/SchemaModelObject';
 export interface SchemaModelObjectEntityDefinitionEncoded {
@@ -11,4 +11,5 @@ export declare class SchemaModelObjectEntityDefinition extends EntityDefinition<
     constructor();
     matchEntity(t: any): boolean;
     getEntityUID(t: SchemaModelObject): string;
+    isActionAllowedForEntity(action: Action, entity: SchemaModelObject): boolean;
 }

package/dist/@types/forms/types/belongs-to-filter.d.ts

@@ -0,0 +1,10 @@
+import { Variable } from '@journeyapps/db';
+import { Relationship } from '@journeyapps/parser-schema';
+import { SchemaModelDefinition } from '../../core/SchemaModelDefinition';
+import { SimpleFilter } from '../../core/query/filters';
+export declare const setupBelongsToFilter: (options: {
+    definition: SchemaModelDefinition;
+    relationship: Relationship;
+    variable: Variable;
+    filter?: SimpleFilter;
+}) => Promise<SimpleFilter>;

package/dist/@types/forms/types/shared/type-handler.d.ts

@@ -7,6 +7,7 @@ import { SimpleFilter } from '../../../core/query/filters';
 export type ScalarValue = string | number | boolean | null;
 export interface TypeHandler<T extends Type = Type, ENCODED = any, DECODED = any> {
     matches: (type: Type) => boolean;
+    getTypeLabel?: (type: T) => string;
     generateField: (event: {
         label: string;
         name: string;

package/dist/@types/forms/types/shared/ui.d.ts

@@ -234,6 +234,10 @@ declare namespace S {
             table: {
                 label: string;
                 colors: {
+                    border: string;
+                    groupBorder: string;
+                    groupBackground: string;
+                    even: string;
                     odd: string;
                     pills: string;
                     text: string;
@@ -487,6 +491,10 @@ declare namespace S {
             table: {
                 label: string;
                 colors: {
+                    border: string;
+                    groupBorder: string;
+                    groupBackground: string;
+                    even: string;
                     odd: string;
                     pills: string;
                     text: string;
@@ -741,6 +749,10 @@ declare namespace S {
             table: {
                 label: string;
                 colors: {
+                    border: string;
+                    groupBorder: string;
+                    groupBackground: string;
+                    even: string;
                     odd: string;
                     pills: string;
                     text: string;

package/dist/@types/panels/query/QueryPanelFactory.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { ReactorPanelModel } from '@journeyapps-labs/reactor-mod';
 import { AbstractQuery } from '../../core/query/AbstractQuery';
 import { ConnectionStore } from '../../stores/ConnectionStore';
-import { WorkspaceModelFactoryEvent } from '@projectstorm/react-workspaces-core';
+import { WorkspaceEngine, WorkspaceModelFactoryEvent } from '@projectstorm/react-workspaces-core';
 import { AbstractConnection } from '../../core/AbstractConnection';
 import { SharedConnectionPanelFactory } from '../_shared/SharedConnectionPanelFactory';
 import { Page } from '../../core/query/Page';
@@ -25,7 +25,7 @@ export declare class QueryPanelModel extends ReactorPanelModel {
         width: number;
         height: number;
     };
-    fromArray(data: ReturnType<this['toArray']>, engine: any): void;
+    fromArray(data: ReturnType<this['toArray']>, engine: WorkspaceEngine): void;
     encodeEntities(): {
         query: AbstractQuery;
     };

package/dist/DataBrowserModule.js

@@ -16,6 +16,7 @@ import { SchemaModelObjectEntityDefinition } from './entities/SchemaModelObjectE
 import { EditSchemaModelAction } from './actions/schema-model/EditSchemaModelAction';
 import { TypeEngine } from './forms/TypeEngine';
 import { ViewSchemaModelAsJsonAction } from './actions/schema-model/ViewSchemaModelAsJsonAction';
+import { ViewHasManyAction } from './actions/schema-model/ViewHasManyAction';
 import { ModelJsonPanelFactory } from './panels/model-json/ModelJsonPanelFactory';
 import { SchemaModelIndexDefinition } from './entities/SchemaModelIndexDefinition';
 import { SavedQueryStore } from './stores/SavedQueryStore';
@@ -43,6 +44,7 @@ export class DataBrowserModule extends AbstractReactorModule {
         actionStore.registerAction(new CreateModelAction());
         actionStore.registerAction(new EditSchemaModelAction());
         actionStore.registerAction(new ViewSchemaModelAsJsonAction());
+        actionStore.registerAction(new ViewHasManyAction());
         actionStore.registerAction(new OpenSavedQueryAction());
         actionStore.registerAction(new RemoveSavedQueryAction());
         system.addStore(ConnectionStore, connectionStore);

package/dist/DataBrowserModule.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataBrowserModule.js","sourceRoot":"","sources":["../src/DataBrowserModule.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataBrowserModule.js","sourceRoot":"","sources":["../src/DataBrowserModule.ts"],"names":[],"mappings":"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"}

package/dist/actions/schema-model/ViewHasManyAction.js

@@ -0,0 +1,112 @@
+import { __classPrivateFieldGet, __classPrivateFieldSet, __esDecorate, __runInitializers } from "tslib";
+import { ActionStore, ComboBoxStore2, EntityAction, NotificationStore, NotificationType, SimpleComboBoxDirective, WorkspaceStore, inject, ioc } from '@journeyapps-labs/reactor-mod';
+import { DataBrowserEntities } from '../../entities';
+import { QueryPanelModel } from '../../panels/query/QueryPanelFactory';
+import { SimpleQuery } from '../../core/query/query-simple/SimpleQuery';
+import { Condition, SimpleFilter, Statement } from '../../core/query/filters';
+let ViewHasManyAction = (() => {
+    var _a, _ViewHasManyAction_comboStore_accessor_storage, _ViewHasManyAction_workspaceStore_accessor_storage, _ViewHasManyAction_notifications_accessor_storage;
+    let _classSuper = EntityAction;
+    let _comboStore_decorators;
+    let _comboStore_initializers = [];
+    let _comboStore_extraInitializers = [];
+    let _workspaceStore_decorators;
+    let _workspaceStore_initializers = [];
+    let _workspaceStore_extraInitializers = [];
+    let _notifications_decorators;
+    let _notifications_initializers = [];
+    let _notifications_extraInitializers = [];
+    return _a = class ViewHasManyAction extends _classSuper {
+            get comboStore() { return __classPrivateFieldGet(this, _ViewHasManyAction_comboStore_accessor_storage, "f"); }
+            set comboStore(value) { __classPrivateFieldSet(this, _ViewHasManyAction_comboStore_accessor_storage, value, "f"); }
+            get workspaceStore() { return __classPrivateFieldGet(this, _ViewHasManyAction_workspaceStore_accessor_storage, "f"); }
+            set workspaceStore(value) { __classPrivateFieldSet(this, _ViewHasManyAction_workspaceStore_accessor_storage, value, "f"); }
+            get notifications() { return __classPrivateFieldGet(this, _ViewHasManyAction_notifications_accessor_storage, "f"); }
+            set notifications(value) { __classPrivateFieldSet(this, _ViewHasManyAction_notifications_accessor_storage, value, "f"); }
+            constructor() {
+                super({
+                    id: _a.ID,
+                    name: 'View has many',
+                    icon: 'list',
+                    target: DataBrowserEntities.SCHEMA_MODEL_OBJECT
+                });
+                _ViewHasManyAction_comboStore_accessor_storage.set(this, __runInitializers(this, _comboStore_initializers, void 0));
+                _ViewHasManyAction_workspaceStore_accessor_storage.set(this, (__runInitializers(this, _comboStore_extraInitializers), __runInitializers(this, _workspaceStore_initializers, void 0)));
+                _ViewHasManyAction_notifications_accessor_storage.set(this, (__runInitializers(this, _workspaceStore_extraInitializers), __runInitializers(this, _notifications_initializers, void 0)));
+                __runInitializers(this, _notifications_extraInitializers);
+            }
+            async fireEvent(event) {
+                const relationships = Object.values(event.targetEntity.definition.definition.hasMany || {});
+                if (relationships.length === 0) {
+                    this.notifications.showNotification({
+                        title: 'No relationships',
+                        description: 'This record has no has-many relationships to view.',
+                        type: NotificationType.ERROR
+                    });
+                    return;
+                }
+                const directive = await this.comboStore.show(new SimpleComboBoxDirective({
+                    title: 'View has many',
+                    subtitle: event.targetEntity.data.display || event.targetEntity.id,
+                    event: event.position,
+                    items: relationships.map((relationship) => {
+                        return {
+                            key: relationship.foreignName || relationship.name,
+                            title: relationship.foreignName || relationship.name,
+                            subtitle: relationship.objectType.label || relationship.objectType.name,
+                            action: async () => { }
+                        };
+                    })
+                }));
+                const selected = directive.getSelectedItem();
+                if (!(selected === null || selected === void 0 ? void 0 : selected.key)) {
+                    return;
+                }
+                const relationship = relationships.find((entry) => (entry.foreignName || entry.name) === selected.key);
+                if (!relationship) {
+                    return;
+                }
+                await this.openRelationshipQuery(event.targetEntity, relationship);
+            }
+            async openRelationshipQuery(parent, relationship) {
+                const definition = await parent.definition.connection.waitForSchemaModelDefinitionByName(relationship.objectType.name);
+                const variable = definition.getBelongsToIdVariableForRelationship(relationship.name);
+                if (!variable) {
+                    this.notifications.showNotification({
+                        title: 'Cannot open relationship',
+                        description: `No belongs-to field found for ${relationship.name}.`,
+                        type: NotificationType.ERROR
+                    });
+                    return;
+                }
+                variable.label = relationship.name;
+                const query = new SimpleQuery({
+                    definition,
+                    limit: 30
+                });
+                query.filterState.setFilter(variable.name, new SimpleFilter(variable, [new Statement(Condition.EQUALS, parent.id)]));
+                this.workspaceStore.addModel(new QueryPanelModel(query));
+            }
+            static get() {
+                return ioc.get(ActionStore).getActionByID(_a.ID);
+            }
+        },
+        _ViewHasManyAction_comboStore_accessor_storage = new WeakMap(),
+        _ViewHasManyAction_workspaceStore_accessor_storage = new WeakMap(),
+        _ViewHasManyAction_notifications_accessor_storage = new WeakMap(),
+        (() => {
+            var _b;
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
+            _comboStore_decorators = [inject(ComboBoxStore2)];
+            _workspaceStore_decorators = [inject(WorkspaceStore)];
+            _notifications_decorators = [inject(NotificationStore)];
+            __esDecorate(_a, null, _comboStore_decorators, { kind: "accessor", name: "comboStore", static: false, private: false, access: { has: obj => "comboStore" in obj, get: obj => obj.comboStore, set: (obj, value) => { obj.comboStore = value; } }, metadata: _metadata }, _comboStore_initializers, _comboStore_extraInitializers);
+            __esDecorate(_a, null, _workspaceStore_decorators, { kind: "accessor", name: "workspaceStore", static: false, private: false, access: { has: obj => "workspaceStore" in obj, get: obj => obj.workspaceStore, set: (obj, value) => { obj.workspaceStore = value; } }, metadata: _metadata }, _workspaceStore_initializers, _workspaceStore_extraInitializers);
+            __esDecorate(_a, null, _notifications_decorators, { kind: "accessor", name: "notifications", static: false, private: false, access: { has: obj => "notifications" in obj, get: obj => obj.notifications, set: (obj, value) => { obj.notifications = value; } }, metadata: _metadata }, _notifications_initializers, _notifications_extraInitializers);
+            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        })(),
+        _a.ID = 'VIEW_HAS_MANY',
+        _a;
+})();
+export { ViewHasManyAction };
+//# sourceMappingURL=ViewHasManyAction.js.map

package/dist/actions/schema-model/ViewHasManyAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewHasManyAction.js","sourceRoot":"","sources":["../../../src/actions/schema-model/ViewHasManyAction.ts"],"names":[],"mappings":"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"}

package/dist/core/AbstractConnection.js

@@ -5,24 +5,40 @@ import { v4 } from 'uuid';
 import { BaseObserver } from '@journeyapps-labs/common-utils';
 import { Collection, LifecycleCollection } from '@journeyapps-labs/lib-reactor-data-layer';
 import { when } from 'mobx';
-import { observable } from 'mobx';
+import { computed, observable } from 'mobx';
 import { getDefaultConnectionColor } from './connection-colors';
+export var ConnectionOnlineState;
+(function (ConnectionOnlineState) {
+    ConnectionOnlineState["OFFLINE"] = "offline";
+    ConnectionOnlineState["LOADING"] = "loading";
+    ConnectionOnlineState["ONLINE"] = "online";
+})(ConnectionOnlineState || (ConnectionOnlineState = {}));
 let AbstractConnection = (() => {
-    var _a, _AbstractConnection_color_accessor_storage;
+    var _a, _AbstractConnection_color_accessor_storage, _AbstractConnection_onlineState_accessor_storage;
     let _classSuper = BaseObserver;
+    let _instanceExtraInitializers = [];
     let _color_decorators;
     let _color_initializers = [];
     let _color_extraInitializers = [];
+    let _onlineState_decorators;
+    let _onlineState_initializers = [];
+    let _onlineState_extraInitializers = [];
+    let _get_isOnline_decorators;
+    let _get_isLoadingOnline_decorators;
     return _a = class AbstractConnection extends _classSuper {
             get color() { return __classPrivateFieldGet(this, _AbstractConnection_color_accessor_storage, "f"); }
             set color(value) { __classPrivateFieldSet(this, _AbstractConnection_color_accessor_storage, value, "f"); }
+            get onlineState() { return __classPrivateFieldGet(this, _AbstractConnection_onlineState_accessor_storage, "f"); }
+            set onlineState(value) { __classPrivateFieldSet(this, _AbstractConnection_onlineState_accessor_storage, value, "f"); }
             constructor(factory) {
                 super();
-                this.factory = factory;
+                this.factory = (__runInitializers(this, _instanceExtraInitializers), factory);
                 _AbstractConnection_color_accessor_storage.set(this, __runInitializers(this, _color_initializers, void 0));
-                this.schema_models_collection = __runInitializers(this, _color_extraInitializers);
+                _AbstractConnection_onlineState_accessor_storage.set(this, (__runInitializers(this, _color_extraInitializers), __runInitializers(this, _onlineState_initializers, void 0)));
+                this.schema_models_collection = __runInitializers(this, _onlineState_extraInitializers);
                 this.id = v4();
                 this.color = getDefaultConnectionColor(this.id);
+                this.onlineState = ConnectionOnlineState.OFFLINE;
                 this.schema_models_collection = new Collection();
                 this.schema_models = new LifecycleCollection({
                     collection: this.schema_models_collection,
@@ -68,7 +84,14 @@ let AbstractConnection = (() => {
             getSchemaModelDefinitionByName(name) {
                 return this.schema_models.items.find((i) => i.definition.name === name);
             }
+            get isOnline() {
+                return this.onlineState === ConnectionOnlineState.ONLINE;
+            }
+            get isLoadingOnline() {
+                return this.onlineState === ConnectionOnlineState.LOADING;
+            }
             async waitForSchemaModelDefinitionByName(name) {
+                await this.ensureOnline();
                 await when(() => !!this.getSchemaModelDefinitionByName(name));
                 return this.getSchemaModelDefinitionByName(name);
             }
@@ -82,9 +105,32 @@ let AbstractConnection = (() => {
                     return _.values(schema.objects);
                 });
             }
-            async init() {
+            async init() { }
+            async connectOnline() {
                 await this.reload();
             }
+            async ensureOnline() {
+                if (this.isOnline) {
+                    return;
+                }
+                if (!this.initialize_online_promise) {
+                    this.initialize_online_promise = this.initializeOnline();
+                }
+                await this.initialize_online_promise;
+            }
+            async initializeOnline() {
+                this.onlineState = ConnectionOnlineState.LOADING;
+                try {
+                    await this.connectOnline();
+                    this.onlineState = ConnectionOnlineState.ONLINE;
+                }
+                finally {
+                    if (this.onlineState === ConnectionOnlineState.LOADING) {
+                        this.onlineState = ConnectionOnlineState.OFFLINE;
+                    }
+                    this.initialize_online_promise = null;
+                }
+            }
             async getSchemaModelDefinitions() {
                 const schema = await this.getSchema();
                 return _.map(schema.objects, (o) => {
@@ -112,11 +158,18 @@ let AbstractConnection = (() => {
             }
         },
         _AbstractConnection_color_accessor_storage = new WeakMap(),
+        _AbstractConnection_onlineState_accessor_storage = new WeakMap(),
         (() => {
             var _b;
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create((_b = _classSuper[Symbol.metadata]) !== null && _b !== void 0 ? _b : null) : void 0;
             _color_decorators = [observable];
+            _onlineState_decorators = [observable];
+            _get_isOnline_decorators = [computed];
+            _get_isLoadingOnline_decorators = [computed];
             __esDecorate(_a, null, _color_decorators, { kind: "accessor", name: "color", static: false, private: false, access: { has: obj => "color" in obj, get: obj => obj.color, set: (obj, value) => { obj.color = value; } }, metadata: _metadata }, _color_initializers, _color_extraInitializers);
+            __esDecorate(_a, null, _onlineState_decorators, { kind: "accessor", name: "onlineState", static: false, private: false, access: { has: obj => "onlineState" in obj, get: obj => obj.onlineState, set: (obj, value) => { obj.onlineState = value; } }, metadata: _metadata }, _onlineState_initializers, _onlineState_extraInitializers);
+            __esDecorate(_a, null, _get_isOnline_decorators, { kind: "getter", name: "isOnline", static: false, private: false, access: { has: obj => "isOnline" in obj, get: obj => obj.isOnline }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __esDecorate(_a, null, _get_isLoadingOnline_decorators, { kind: "getter", name: "isLoadingOnline", static: false, private: false, access: { has: obj => "isLoadingOnline" in obj, get: obj => obj.isLoadingOnline }, metadata: _metadata }, null, _instanceExtraInitializers);
             if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         })(),
         _a;