graphwise-reactodia 0.0.1-TR5 → 0.0.1-TR7

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

@@ -1,32 +1,37 @@
-import { SparqlDataProviderSettings, SparqlQueryFunction } from '@reactodia/workspace';
+import { SparqlDataProviderSettings } from '@reactodia/workspace';
+import { LanguageKey } from './i18n/language-key';
+import { ReactodiaConfig } from './models/reactodia-config';
 /**
  * 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?;
     /**
      * 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 and an optional `seed`
+     * set of entities to pre-populate the canvas with. 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,
@@ -34,10 +39,10 @@ export declare class GraphwiseReactodia {
      * the data provider and resets the canvas.
      */
     providerSettings?: SparqlDataProviderSettings;
-    private reactRoot;
+    private reactRoot?;
     onProviderSettingsChange(): void;
     onLanguageChange(): void;
-    componentDidLoad(): void;
+    connectedCallback(): void;
     disconnectedCallback(): void;
     render(): any;
     private renderGraph;

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,6 @@
-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;
-        };
-    };
+import { LanguageKey } from './language-key';
+type TranslationBundle = {
+    [language: string]: Record<string, TranslationBundle | string | null>;
 };
+export declare const TRANSLATIONS: Partial<Record<LanguageKey, TranslationBundle>>;
+export {};

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

@@ -1,25 +1,27 @@
-import { SerializedDiagram, SparqlDataProviderSettings, SparqlQueryFunction } from '@reactodia/workspace';
+import { SerializedDiagram, 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

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

@@ -0,0 +1,29 @@
+import { SparqlQueryFunction } from '@reactodia/workspace';
+import { ReactodiaSeedLink } from './reactodia-seed-link';
+/**
+ * Host-supplied configuration read once when the workspace mounts (not reactive).
+ *
+ * Groups the inputs the host wires up before the graph is created: the SPARQL transport
+ * and the optional set of entities to pre-populate the canvas with. Passed to the
+ * `graphwise-reactodia` component as a single DOM property (an object, not an attribute).
+ */
+export interface ReactodiaConfig {
+    /**
+     * 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`.
+     */
+    queryFunction: SparqlQueryFunction;
+    /**
+     * IRIs of the entities to place on the canvas on startup. When provided, each IRI is added
+     * as an element and its data (labels, types, properties) and links are resolved from the
+     * SPARQL provider, then the workspace lays them out. Note that when using this seed method reactodia will request data
+     * from the connected sparql endpoint, so if the resources are not in the DB, then this approach will not work.
+     * (e.g. in the case of a construct query)
+     */
+    seedIris?: string[];
+    /**
+     * Pre-resolved edges to place on the canvas on startup. When provided, each link is added to the canvas and we do not
+     * request data from the connected sparql endpoint, since this is meant for non-persisted data, like construct and describe queries.
+     */
+    seedGraph?: ReactodiaSeedLink[];
+}

package/dist/types/components/graphwise-reactodia/models/reactodia-seed-link.d.ts

@@ -0,0 +1,23 @@
+/**
+ * A pre-resolved edge to place on the canvas on startup, mirroring GraphDB's
+ * `rest/explore-graph` link shape. Used to visualize the result of a CONSTRUCT query, whose
+ * relationships are computed and therefore not persisted in the repository, so they cannot be
+ * fetched lazily through the SPARQL provider and must be supplied directly.
+ *
+ * The host adapts its source data into this neutral shape (e.g. the workbench maps the
+ * `rest/explore-graph/graph` response, mapping its `rawPredicates` onto {@link predicates}).
+ */
+export interface ReactodiaSeedLink {
+    /** Source element IRI. */
+    source: string;
+    /** Target element IRI. */
+    target: string;
+    /**
+     * Short display friendly predicate
+     */
+    predicates: string[];
+    /**
+     * Full (absolute) predicate IRIs.
+     */
+    rawPredicates: string[];
+}

package/dist/types/components.d.ts

@@ -5,45 +5,49 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { SparqlDataProviderSettings, SparqlQueryFunction } from "@reactodia/workspace";
-export { SparqlDataProviderSettings, SparqlQueryFunction } from "@reactodia/workspace";
+import { ReactodiaConfig } from "./components/graphwise-reactodia/models/reactodia-config";
+import { LanguageKey } from "./components/graphwise-reactodia/i18n/language-key";
+import { SparqlDataProviderSettings } from "@reactodia/workspace";
+export { ReactodiaConfig } from "./components/graphwise-reactodia/models/reactodia-config";
+export { LanguageKey } from "./components/graphwise-reactodia/i18n/language-key";
+export { SparqlDataProviderSettings } from "@reactodia/workspace";
 export namespace Components {
     /**
      * 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.
      */
     interface GraphwiseReactodia {
         /**
-          * 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.
+          * Host-supplied configuration: the SPARQL `queryFunction` transport and an optional `seed` set of entities to pre-populate the canvas with. 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.
          */
-        "currentRepository": string;
+        "config"?: ReactodiaConfig;
+        /**
+          * 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;
         /**
           * UI language code (e.g. `en`, `fr`) for the Reactodia interface. Defaults to English.
-          * @default 'en'
+          * @default LanguageKey.EN
          */
-        "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.
          */
         "providerSettings"?: SparqlDataProviderSettings;
-        /**
-          * 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`.
-         */
-        "queryFunction": SparqlQueryFunction;
     }
 }
 declare global {
     /**
      * 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.
      */
@@ -61,30 +65,30 @@ declare namespace LocalJSX {
     /**
      * 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.
      */
     interface GraphwiseReactodia {
         /**
-          * 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.
+          * Host-supplied configuration: the SPARQL `queryFunction` transport and an optional `seed` set of entities to pre-populate the canvas with. 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.
+         */
+        "config"?: ReactodiaConfig;
+        /**
+          * 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;
         /**
           * UI language code (e.g. `en`, `fr`) for the Reactodia interface. Defaults to English.
-          * @default 'en'
+          * @default LanguageKey.EN
          */
-        "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.
          */
         "providerSettings"?: SparqlDataProviderSettings;
-        /**
-          * 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`.
-         */
-        "queryFunction"?: SparqlQueryFunction;
     }
     interface IntrinsicElements {
         "graphwise-reactodia": GraphwiseReactodia;
@@ -97,9 +101,9 @@ declare module "@stencil/core" {
             /**
              * 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.
              */

package/package.json

@@ -1,11 +1,23 @@
 {
   "name": "graphwise-reactodia",
-  "version": "0.0.1-TR5",
+  "version": "0.0.1-TR7",
   "description": "Graphwise wrapper around the Reactodia graph explorer.",
   "license": "Apache-2.0",
   "author": "Ontotext AD",
   "main": "dist/index.cjs.js",
+  "module": "dist/esm/index.js",
   "collection": "dist/collection/collection-manifest.json",
+  "exports": {
+    ".": {
+      "import": "./dist/graphwise-reactodia/graphwise-reactodia.esm.js",
+      "require": "./dist/index.cjs.js"
+    },
+    "./loader": {
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs.js",
+      "types": "./loader/index.d.ts"
+    }
+  },
   "files": [
     "dist/",
     "loader/"