graphwise-reactodia 0.0.1-TR2 → 0.0.1-TR20

package/dist/graphwise-reactodia/p-fwJ3Zupw.js

@@ -0,0 +1 @@
+const a="graphwise-reactodia:clear-diagram-storage";var n,o,r,e,i;!function(a){a.ERROR="error",a.TEXT_SEARCH="text-search"}(n||(n={})),function(a){a.MISSING_REQUIRED_PROP="missing-required-prop",a.DATA_FETCH="data-fetch",a.DIAGRAM_LOAD="diagram-load",a.DIAGRAM_IMPORT="diagram-import",a.LOCAL_DIAGRAM_READ="local-diagram-read",a.LOCAL_DIAGRAM_SAVE="local-diagram-save",a.UNKNOWN_UI_CONFIG="unknown-ui-config"}(o||(o={})),function(a){a.NW="nw",a.N="n",a.NE="ne",a.E="e",a.SE="se",a.S="s",a.SW="sw",a.W="w"}(r||(r={})),function(a){a.CLEAR_ALL="clear-all",a.EXPORT_PNG="export-png",a.EXPORT_SVG="export-svg",a.PRINT="print",a.EXPORT_JSON="export-json",a.IMPORT_JSON="import-json"}(e||(e={})),function(a){a.GROUP="group",a.REMOVE="remove",a.EXPAND="expand",a.OPEN_LINK="open-link",a.CONNECTIONS="connections",a.ADD_TO_FILTER="add-to-filter",a.ANNOTATE="annotate",a.ESTABLISH_LINK="establish-link"}(i||(i={}));export{a as C,n as E,e as M,i as N,r as T,o as a}

package/dist/types/components/graphwise-reactodia/graphwise-reactodia.d.ts

@@ -1,44 +1,72 @@
-import { SparqlDataProviderSettings, SparqlQueryFunction } from '@reactodia/workspace';
+import { EventEmitter } from '../../stencil-public-runtime';
+import { SparqlDataProviderSettings } from '@reactodia/workspace';
+import { LanguageKey } from './i18n/language-key';
+import { ReactodiaConfig } from './models/reactodia-config';
+import { EventDetail } from './models/event/event-detail';
 /**
  * A web component that renders a graph with the Reactodia workspace.
  *
  * The component is backed by a SPARQL endpoint but is endpoint-agnostic: the host passes
- * the active repository's endpoint via `current-repository` and a `queryFunction` that
- * performs the actual HTTP request. Reactodia fetches all node, link and type data lazily
- * through them; the canvas starts empty and the user populates it via the search bar.
+ * the active repository's endpoint via `current-repository` and a `config.queryFunction`
+ * that performs the actual HTTP request. Reactodia fetches all node, link and type data
+ * lazily through them; the canvas starts empty and the user populates it via the search bar.
  *
  * The component is a thin wrapper around Reactodia: query configuration lives outside the
  * wrapper and is supplied through the `providerSettings` prop.
  */
 export declare class GraphwiseReactodia {
-    private readonly hostElement;
+    private readonly hostElement?;
+    private readonly subscriptions;
     /**
      * The active repository id. Appended to {@link queryFunction} as the request `url`;
      * changing it re-points the graph at the new repository (and resets the canvas),
      * which is how runtime repository changes are handled.
      */
-    currentRepository: string;
+    currentRepository?: string;
     /**
-     * HTTP transport for the SPARQL requests. Set by the host so requests go through the host's HTTP layer (auth,
-     * interceptors) instead of a built-in `fetch`.
+     * Host-supplied configuration: the SPARQL `queryFunction` transport, an optional `seed`
+     * set of entities to pre-populate the canvas with and an optional `ui` configuration.
+     * A DOM property (an object, not an attribute) passed in from outside the wrapper.
+     *
+     * Read once on mount; not watched, as it only sets up the data source and initial canvas.
      */
-    queryFunction: SparqlQueryFunction;
+    config?: ReactodiaConfig;
     /**
      * UI language code (e.g. `en`, `fr`) for the Reactodia interface. Defaults to English.
      */
-    language: string;
+    language: LanguageKey;
     /**
      * Query preset for the SPARQL data provider, owned and configured by the host. A DOM
-     * property (an object, not an attribute) passed in from outside the wrapper. When omitted,
-     * the data provider falls back to Reactodia's generic OWL/RDFS preset. Changing it rebuilds
-     * the data provider and resets the canvas.
+     * property (an object, not an attribute) passed in from outside the wrapper. Required: the
+     * wrapper has no default preset and throws when it is missing. Changing it rebuilds the data
+     * provider and reloads the graph with it, keeping the current diagram.
      */
     providerSettings?: SparqlDataProviderSettings;
-    private reactRoot;
-    onProviderSettingsChange(): void;
-    onLanguageChange(): void;
+    /**
+     * The reactodia theme to use
+     */
+    theme?: 'light' | 'dark';
+    /**
+     * Fires for every event to the host, differentiated by `detail.type`.
+     */
+    eventEmitter: EventEmitter<EventDetail>;
+    private reactRoot?;
+    /**
+     * `connectedCallback` and the watchers can run before all props are set: when the component's
+     * code is already loaded, the instance is created as soon as the
+     * element is attached, and every prop set after that triggers its watcher. Rendering at that
+     * point would initialise the graph without all props. `componentDidLoad` runs once the initial
+     * props are set, so we use it to determine when it's safe to render.
+     */
+    private isComponentLoaded;
+    onCurrentRepositoryChange(): void;
+    onLanguageOrSettingsChange(): void;
+    onThemeChange(): void;
+    connectedCallback(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     render(): any;
+    private subscribeToEvents;
     private renderGraph;
+    private reportMissingPropError;
 }

package/dist/types/components/graphwise-reactodia/i18n/language-key.d.ts

@@ -0,0 +1,4 @@
+export declare enum LanguageKey {
+    EN = "en",
+    FR = "fr"
+}

package/dist/types/components/graphwise-reactodia/i18n/translations.d.ts

@@ -1,343 +1,2 @@
-export declare const TRANSLATIONS: {
-    fr: {
-        authoring_state: {
-            "entity_action_delete.label": string;
-            "entity_action_delete.title": string;
-            "entity_action_delete.title_disabled": string;
-            "entity_action_discard.label": string;
-            "entity_action_discard.title": string;
-            "entity_action_edit.label": string;
-            "entity_action_edit.title": string;
-            "entity_action_edit.title_disabled": string;
-            "entity_add.label": string;
-            "entity_change.label": string;
-            "entity_delete.label": string;
-            "relation_action_discard.label": string;
-            "relation_action_discard.title": string;
-            "relation_add.label": string;
-            "relation_change.label": string;
-            "relation_delete.label": string;
-        };
-        classic_workspace: {
-            "canvas.label": string;
-            "class_tree.heading": string;
-            "connections.heading": string;
-            "instances.heading": string;
-        };
-        commands: {
-            "change_entity.title": string;
-            "change_link_type_visibility.title": string;
-            "change_relation.title": string;
-            "collapse_element.title": string;
-            "expand_element.title": string;
-            "place_elements_around.title": string;
-            "restore_geometry.title": string;
-            "restore_link_vertices.title": string;
-            "restore_viewport.title": string;
-            "set_element_state.title": string;
-            "set_entity_data.title": string;
-            "set_entity_group_items.title": string;
-            "set_link_state.title": string;
-            "set_relation_data.title": string;
-            "set_relation_group_items.title": string;
-            "transform_elements.title": string;
-        };
-        connections_menu: {
-            "all_link.label": string;
-            "breadcrumbs_root.label": string;
-            "dialog.caption": string;
-            "entities.add_all": string;
-            "entities.add_group": string;
-            "entities.add_selected": string;
-            "entities.counter_label": string;
-            "entities.extra_label": string;
-            "entities.extra_title": string;
-            "entities.missing_label": string;
-            "entities.missing_title": string;
-            "entities.no_results": string;
-            "entities.truncated_results": string;
-            "entities.truncated_results_expand": string;
-            "input.placeholder": any;
-            "link.both_navigate_title": string;
-            "link.both_title": string;
-            "link.source_navigate_title": string;
-            "link.source_title": string;
-            "link.target_navigate_title": string;
-            "link.target_title": string;
-            "link.move_to_filter.title": string;
-            "links.no_results": string;
-            "links.suggest_similar": string;
-            "place_elements.command": string;
-            "select_all.label": string;
-            "select_all.title": string;
-            "sort_alphabetically.title": string;
-            "sort_smart.title": string;
-        };
-        data_diagram_model: {
-            "add_element.command": string;
-            "add_link.command": string;
-            "create_links.command": string;
-            "group_entities.command": string;
-            "import_layout.command": string;
-            "regroup_relations.command": string;
-            "request_entities.command": string;
-            "request_relations.command": string;
-            "remove_element.command": string;
-            "remove_link.command": string;
-            "ungroup_entities.command": string;
-        };
-        default_data_locale: {
-            iri: string;
-            iri_blank: string;
-        };
-        default_workspace: {
-            "search_section_entities.label": string;
-            "search_section_entities.title": string;
-            "search_section_entity_types.label": string;
-            "search_section_entity_types.title": string;
-            "search_section_link_types.label": string;
-            "search_section_link_types.title": string;
-        };
-        drop_on_canvas: {
-            "drop.command": string;
-        };
-        editor_controller: {
-            "apply_authored_changes.command": string;
-            "discard_change.command": string;
-            "entity_add.command": string;
-            "entity_change.command": string;
-            "entity_delete.command": string;
-            "relation_add.command": string;
-            "relation_change.command": string;
-            "relation_delete.command": string;
-            "relation_move_source.command": string;
-            "relation_move_target.command": string;
-            "remove_items.command": string;
-            "set_authoring_state.command": string;
-            "validate_entity_failed.message": string;
-        };
-        forms: {
-            "input_file.drag_hint": string;
-            "input_file.remove_value.title": string;
-            "input_file.select_files.label": string;
-            "input_list.add_value.title": string;
-            "input_list.remove_value.title": string;
-        };
-        group_paginator: {
-            "current_page.label": string;
-            "go_next.title": string;
-            "go_previous.title": string;
-            "page_size.title": string;
-        };
-        inline_entity: {
-            title: string;
-            title_extra: string;
-        };
-        link_action: {
-            "delete_annotation.title": string;
-            "delete_relation.title": string;
-            "delete_relation.title_disabled": string;
-            "edit_relation.title": string;
-            "edit_relation.title_disabled": string;
-            "rename_link.title": string;
-            "move_relation.move_source_title": string;
-            "move_relation.move_target_title": string;
-            "vertex.remove_title": string;
-        };
-        navigator: {
-            "toggle_collapse.title": string;
-            "toggle_expand.title": string;
-        };
-        note_annotation: {
-            "change_text.command": string;
-            "style_align_center.title": string;
-            "style_align_left.title": string;
-            "style_align_right.title": string;
-            "style_bold.title": string;
-            "style_color_variant.title": string;
-            "style_italic.title": string;
-            "style_strikethrough.title": string;
-            "style_underline.title": string;
-        };
-        overlay_controller: {
-            multiple_tasks_in_progress: string;
-            unknown_error: string;
-        };
-        search_defaults: {
-            empty_input_term: string;
-            "input.placeholder": string;
-            "input_clear.title": string;
-            "input_submit.title": string;
-            input_term_too_short: string;
-            no_results: string;
-        };
-        search_element_types: {
-            "drag_create.title": string;
-            "input.placeholder": any;
-            no_results: string;
-            "refresh_progress.title": string;
-            show_only_creatable: string;
-        };
-        search_entities: {
-            "add_group.label": string;
-            "add_group.title": string;
-            "add_selected.label": string;
-            "add_selected.title": string;
-            criteria_has_type: string;
-            criteria_connected: string;
-            criteria_connected_via: string;
-            criteria_connected_to_source: string;
-            criteria_connected_to_target: string;
-            "input.placeholder": any;
-            "place_elements.command": string;
-            "query_progress.title": string;
-            "show_more_results.label": string;
-            "show_more_results.title": string;
-        };
-        search_link_types: {
-            "add_to_filter.title": string;
-            heading_connected: string;
-            heading_connected_single: string;
-            heading_other: string;
-            "input.placeholder": any;
-            no_results: string;
-            "switch.command": string;
-            "switch_all.label": string;
-            "switch_hidden.title": string;
-            "switch_visible.title": string;
-            "switch_without_label.title": string;
-        };
-        selection_action: {
-            "add_to_filter.title": string;
-            "anchor.title": string;
-            "annotate.defaultContent": string;
-            "annotate.title": string;
-            "connections.title": string;
-            "expand.collapse_command": string;
-            "expand.expand_command": string;
-            "expand.title": string;
-            "expand.title_single": string;
-            "establish_relation.title": string;
-            "establish_relation.title_disabled": string;
-            "group.title": string;
-            "group.title_ungroup": string;
-            "layout.title": string;
-            "remove.title": string;
-            "remove.title_new": string;
-            "remove.title_single": string;
-            "zoom_to_fit.title": string;
-        };
-        standard_element: {
-            blank_node: string;
-            default_type: string;
-            "delete.label": string;
-            "delete.title": string;
-            "delete.title_disabled": string;
-            "edit.label": string;
-            "edit.title": string;
-            "edit.title_disabled": string;
-            "group_item.title": string;
-            "iri.label": string;
-            "iri.label_modified": string;
-            no_properties: string;
-            "property.title": string;
-            "ungroup.title": string;
-        };
-        standard_link: {
-            "group_source.title": string;
-            "group_source.value": string;
-            "group_target.title": string;
-            "group_target.value": string;
-            "label.title": string;
-            "property.title": string;
-        };
-        toolbar: {
-            "menu_toggle.title": string;
-        };
-        toolbar_action: {
-            "clear_all.command": string;
-            "clear_all.title": string;
-            "clear_all.label": string;
-            "export_print.label": string;
-            "export_print.title": string;
-            "export_raster.label": string;
-            "export_raster.title": string;
-            "export_svg.label": string;
-            "export_svg.title": string;
-            "redo.label": string;
-            "redo.title": string;
-            "redo.title_named": string;
-            "save_authoring.title": string;
-            "save_layout.title": string;
-            "language_selector.title": string;
-            "layout.label": string;
-            "layout.title": string;
-            "undo.label": string;
-            "undo.title": string;
-            "undo.title_named": string;
-        };
-        unified_search: {
-            "input.placeholder": any;
-            "input_clear.title": string;
-            "input_collapse.title": string;
-        };
-        visual_authoring: {
-            "dialog.apply.label": string;
-            "dialog.apply.title": string;
-            "dialog.cancel.label": string;
-            "dialog.cancel.title": string;
-            "edit_entity.dialog.apply.label": any;
-            "edit_entity.dialog.apply.title": any;
-            "edit_entity.dialog.caption": string;
-            "edit_entity.iri.label": string;
-            "edit_entity.iri.placeholder": string;
-            "edit_relation.dialog.apply.label": any;
-            "edit_relation.dialog.apply.title": any;
-            "edit_relation.dialog.caption": string;
-            "edit_relation.dialog.caption_new": string;
-            "edit_relation.validation_progress.title": string;
-            "find_or_create.connect_command": string;
-            "find_or_create.create_command": string;
-            "find_or_create.dialog.apply.label": any;
-            "find_or_create.dialog.apply.title": any;
-            "find_or_create.dialog.caption": string;
-            "find_or_create.loading.label": string;
-            "find_or_create.validation_progress.title": string;
-            "property.label": string;
-            "property.text_value.placeholder": string;
-            "property.title": string;
-            "rename_link.dialog.apply.label": any;
-            "rename_link.dialog.apply.title": any;
-            "rename_link.dialog.caption": string;
-            "rename_link.label.label": string;
-            "select_entity.entity_type.label": string;
-            "select_entity.input.placeholder": any;
-            "select_entity.type.label": string;
-            "select_entity.type.placeholder": string;
-            "select_entity.results.aria_label": string;
-            "select_entity.separator.label": string;
-            "select_entity.validation.error_required": string;
-            "select_relation.relation_type.label": string;
-            "select_relation.type.label": string;
-            "select_relation.type.placeholder": string;
-            "select_relation.validation.error_duplicate": string;
-            "select_relation.validation.error_required": string;
-        };
-        workspace: {
-            "group_entities.command": string;
-            "perform_layout.task": string;
-            "perform_layout.command": string;
-            "ungroup_entities.command": string;
-        };
-        workspace_layout: {
-            "toggle_collapse.title": string;
-            "toggle_expand.title": string;
-        };
-        zoom_control: {
-            "pointer_mode.title": string;
-            "zoom_in.title": string;
-            "zoom_out.title": string;
-            "zoom_to_fit.title": string;
-        };
-    };
-};
+export type TranslationBundle = Record<string, Record<string, string | null> | string>;
+export declare const TRANSLATIONS: Partial<Record<string, TranslationBundle>>;

package/dist/types/components/graphwise-reactodia/menu/export-diagram-action.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Exports the diagram as a JSON file.
+ */
+export declare function ExportDiagramAction(): import("react").FunctionComponentElement<import("@reactodia/workspace").ToolbarActionProps>;

package/dist/types/components/graphwise-reactodia/menu/graphwise-menu.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+import { MenuItem } from '../models/ui/menu-item';
+/**
+ * The menu entries for the given menu items.
+ */
+export declare function createMenuItems(items: MenuItem[]): ReactElement[];

package/dist/types/components/graphwise-reactodia/menu/import-diagram-action.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Imports a diagram from a JSON file into the workspace.
+ */
+export declare function ImportDiagramAction(): import("react").FunctionComponentElement<import("@reactodia/workspace").ToolbarActionOpenProps>;

package/dist/types/components/graphwise-reactodia/models/clear-diagram-storage-event.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Event name for clearing the local store state of the diagram. There is an event listener listening for it, which
+ * will clear the local store state, whenever this event is fired.
+ */
+export declare const CLEAR_DIAGRAM_STORAGE_EVENT = "graphwise-reactodia:clear-diagram-storage";

package/dist/types/components/graphwise-reactodia/models/error/error-cause.d.ts

@@ -0,0 +1,10 @@
+/**
+ * A link in the `cause` chain of a thrown value: the value itself, its `cause`, the cause of that, and so on.
+ * Anything can be thrown, so a link is not necessarily an `Error` and neither field is guaranteed.
+ */
+export interface ErrorCause {
+    /** The error name, e.g. `AbortError`. */
+    name?: unknown;
+    /** The next link in the chain. */
+    cause?: unknown;
+}

package/dist/types/components/graphwise-reactodia/models/error/error-code.d.ts

@@ -0,0 +1,19 @@
+/**
+ * The stable category of a reported error. The host uses it to choose its own message.
+ */
+export declare enum ErrorCode {
+    /** A required prop is missing. */
+    MISSING_REQUIRED_PROP = "missing-required-prop",
+    /** A SPARQL data provider call failed. */
+    DATA_FETCH = "data-fetch",
+    /** The startup load, a reload or a repository switch failed. */
+    DIAGRAM_LOAD = "diagram-load",
+    /** The uploaded file was rejected or its import failed. */
+    DIAGRAM_IMPORT = "diagram-import",
+    /** Reading the diagram from local storage failed. */
+    LOCAL_DIAGRAM_READ = "local-diagram-read",
+    /** Saving the diagram in local storage failed. */
+    LOCAL_DIAGRAM_SAVE = "local-diagram-save",
+    /** The host's UI configuration has an unknown value, which is skipped. */
+    UNKNOWN_UI_CONFIG = "unknown-ui-config"
+}

package/dist/types/components/graphwise-reactodia/models/error/error-report.d.ts

@@ -0,0 +1,13 @@
+import { ErrorCode } from './error-code';
+/**
+ * A failure the wrapper announces to the host.
+ */
+export interface ErrorReport {
+    code: ErrorCode;
+    /**
+     * The thrown value, passed on unchanged. The wrapper and the fork throw `Error`s with an untranslated `message`, but
+     * a failure of the host's `config.queryFunction` arrives as whatever it rejected with (e.g. an HTTP error response),
+     * so narrow it before use.
+     */
+    error: unknown;
+}

package/dist/types/components/graphwise-reactodia/models/event/event-callback.d.ts

@@ -0,0 +1,5 @@
+import { EventDetail } from './event-detail';
+/**
+ * Callback invoked with every emitted event.
+ */
+export type EventCallback = (detail: EventDetail) => void;

package/dist/types/components/graphwise-reactodia/models/event/event-detail.d.ts

@@ -0,0 +1,55 @@
+import { EventType } from './event-type';
+import { ErrorReport } from '../error/error-report';
+/**
+ * Name of the DOM event the `graphwise-reactodia` element dispatches for every event.
+ */
+export declare const GRAPHWISE_REACTODIA_EVENT = "graphwiseReactodiaEvent";
+/**
+ * The payload of each {@link EventType}. It is the single place that ties an event type to its payload, so
+ * adding an event is one {@link EventType} value and one entry here. An event without a payload maps to `void`
+ * and is emitted without `payload`.
+ *
+ * @example
+ * ```ts
+ * interface EventPayloadMap {
+ *   [EventType.ERROR]: ErrorReport;
+ *   // A new event:
+ *   [EventType.NEW_TYPE]: NewTypePayload;
+ *   // A new event without a payload:
+ *   [EventType.NEW_SIGNAL]: void;
+ * }
+ * ```
+ */
+interface EventPayloadMap {
+    [EventType.ERROR]: ErrorReport;
+    [EventType.TEXT_SEARCH]: void;
+}
+/**
+ * Maps an {@link EventType} to its event detail: `{type, payload}`, with the payload from
+ * {@link EventPayloadMap}. If no event type is provided, it is the union of the details of all event types.
+ *
+ * @template T The event type to map.
+ *
+ * @example
+ * ```ts
+ * // Any event, narrowed by its type.
+ * function onEvent(detail: EventDetail): void {
+ *   if (detail.type === EventType.ERROR) {
+ *     const {code, error} = detail.payload; // an ErrorReport
+ *   }
+ * }
+ *
+ * // One event.
+ * const detail: EventDetail<EventType.ERROR> = {type: EventType.ERROR, payload: {code, error}};
+ * ```
+ */
+export type EventDetail<T extends EventType = EventType> = {
+    [K in T]: EventPayloadMap[K] extends void ? {
+        type: K;
+        payload?: undefined;
+    } : {
+        type: K;
+        payload: EventPayloadMap[K];
+    };
+}[T];
+export {};

package/dist/types/components/graphwise-reactodia/models/event/event-type.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The kind of event the wrapper announces to the host. It selects the payload of an {@link EventDetail}.
+ */
+export declare enum EventType {
+    ERROR = "error",
+    TEXT_SEARCH = "text-search"
+}

package/dist/types/components/graphwise-reactodia/models/reactodia-app-props.d.ts

@@ -1,34 +1,39 @@
-import { SerializedDiagram, SparqlDataProviderSettings, SparqlQueryFunction } from '@reactodia/workspace';
+import { SparqlDataProviderSettings } from '@reactodia/workspace';
+import { LanguageKey } from '../i18n/language-key';
+import { ReactodiaConfig } from './reactodia-config';
 /**
  * Props for the internal Reactodia React application.
  */
 export interface ReactodiaAppProps {
     /**
      * The active repository id. Passed to the SPARQL data provider as its `endpointUrl` and
-     * surfaced to {@link queryFunction} as the request `url`, which the host transport uses to
-     * target the repository. Changing it re-points the diagram at a different repository.
+     * surfaced to the {@link ReactodiaConfig.queryFunction} as the request `url`, which the host
+     * transport uses to target the repository. Changing it re-points the diagram at a different
+     * repository.
      */
     currentRepository: string;
     /**
-     * Transport for the SPARQL requests. The host owns the connection (auth, interceptors,
-     * base URL) inside this function; Reactodia delegates every SPARQL call to it instead
-     * of using the built-in `fetch`.
+     * Host-supplied configuration read once on mount: the SPARQL transport and the optional
+     * set of entities to pre-populate the canvas with.
      */
-    queryFunction: SparqlQueryFunction;
+    config: ReactodiaConfig;
     /**
      * UI language code (e.g. `en`, `fr`); selects the Reactodia translation bundle
      * and is also used as the initial graph-data language.
      */
-    language: string;
+    language: LanguageKey;
     /**
-     * A previously exported diagram to restore on mount. Used to carry the user's current
-     * canvas across a remount (e.g. forced by a language change). When omitted, the canvas
-     * starts empty.
+     * Query preset for the SPARQL data provider, owned and configured by the host.
      */
-    initialDiagram?: SerializedDiagram;
+    providerSettings: SparqlDataProviderSettings;
     /**
-     * Query preset for the SPARQL data provider, owned and configured by the host. Falls back
-     * to Reactodia's generic `OwlRdfsSettings` OWL/RDFS preset when omitted.
+     * Color scheme of the Reactodia UI. When omitted, Reactodia follows the OS color scheme.
      */
-    providerSettings?: SparqlDataProviderSettings;
+    theme?: 'light' | 'dark';
+    /**
+     * When true, the host is remounting the component to switch languages or to apply new provider
+     * settings, so the workspace should not be seeded, if a seed is present.
+     * Rather, the current state should simply be reloaded.
+     */
+    isReload?: boolean;
 }