graphwise-reactodia 0.0.1-TR5 → 0.0.1-TR7

package/dist/esm/graphwise-reactodia.entry.js

@@ -30629,8 +30629,15 @@ var frTranslation = {
 	zoom_control: zoom_control
 };
 
+var LanguageKey;
+(function (LanguageKey) {
+    LanguageKey["EN"] = "en";
+    LanguageKey["FR"] = "fr";
+})(LanguageKey || (LanguageKey = {}));
+
+// English is provided by default from reactodia so we don't need to include it here, unless we override it
 const TRANSLATIONS = {
-    'fr': frTranslation
+    [LanguageKey.FR]: frTranslation
 };
 
 /**
@@ -30655,28 +30662,77 @@ let workspaceContext = null;
  * query preset. The host owns the query configuration and passes it in via props; when none
  * is provided we fall back to Reactodia's generic {@link OwlRdfsSettings} OWL/RDFS preset.
  */
-function createDataProvider(currentRepository, queryFunction, settings) {
+function createDataProvider(props) {
+    const { currentRepository, config, providerSettings } = props;
     return new SparqlDataProvider({
         endpointUrl: currentRepository,
         queryMethod: 'POST',
-        queryFunction,
-    }, settings);
+        queryFunction: config.queryFunction,
+    }, providerSettings);
+}
+/**
+ * Places the seed entities on the canvas. Each IRI is added as a placeholder element, and data is then loaded for the
+ * respective nodes using the {@link DataDiagramModel.requestData} method.
+ */
+async function seedCanvas(context, seed, signal) {
+    const { model, performLayout } = context;
+    for (const iri of seed) {
+        model.createElement(iri);
+    }
+    await model.requestData();
+    await performLayout({ signal });
+}
+/**
+ * Places a pre-resolved graph (e.g. a CONSTRUCT query result) on the canvas. The relationships
+ * are computed and not persisted in the repository, so the edges are drawn directly from the
+ * supplied data instead of being fetched. The node IRIs do exist in the repository, so only
+ * their display data is hydrated via {@link DataDiagramModel.requestElementData}.
+ *
+ * Note we use `requestElementData` rather than `requestData`: the latter would also query the
+ * provider for *all* persisted links between the seeded nodes, over-fetching beyond the
+ * CONSTRUCT's selection. Hydrating elements alone keeps the canvas to exactly the supplied
+ * edges, while further expansion continues lazily against the SPARQL provider.
+ */
+async function seedGraphCanvas(context, links, signal) {
+    const { model, performLayout } = context;
+    const uniqueIris = new Set();
+    links.forEach((link) => {
+        var _a;
+        uniqueIris.add(link.source);
+        uniqueIris.add(link.target);
+        // this is a createOrGet, regardless of the name, so we don't need to worry about duplicates.
+        model.createElement(link.source);
+        model.createElement(link.target);
+        (_a = link.rawPredicates) === null || _a === void 0 ? void 0 : _a.forEach((predicate) => {
+            model.createLinks({
+                linkTypeId: predicate,
+                sourceId: link.source,
+                targetId: link.target,
+                properties: {}
+            });
+        });
+    });
+    // Request data only for elements.
+    // Link data is not available in the DB, since we are displaying construct/describe queries
+    await model.requestElementData(Array.from(uniqueIris));
+    await performLayout({ signal });
 }
 /**
  * The Reactodia workspace React component.
  *
  * Authored with `React.createElement` (no TSX) on purpose, since there are differences in stencil and react
  *
- * The canvas starts empty; the user populates it through the workspace search bar
- * (Reactodia's `DefaultWorkspace` unified search), which is backed by the SPARQL
- * data provider's lookup.
+ * Without a seed the canvas starts empty and the user populates it through the workspace
+ * search bar (Reactodia's `DefaultWorkspace` unified search), backed by the SPARQL data
+ * provider's lookup. With a seed, the seeded nodes are placed on the canvas on startup.
  */
 function ReactodiaApp(props) {
-    const { currentRepository, queryFunction, language, initialDiagram, providerSettings } = props;
+    const { language, initialDiagram, config } = props;
     const { onMount } = useLoadedWorkspace(async ({ context, signal }) => {
+        var _a, _b;
         workspaceContext = context;
         const { model } = context;
-        const dataProvider = createDataProvider(currentRepository, queryFunction, providerSettings);
+        const dataProvider = createDataProvider(props);
         // A language change remounts this component to rebuild the workspace with the new
         // translation bundle; restoring the exported diagram keeps the user's canvas intact.
         // This is done because there is no existing mechanism to re-translate the UI at runtime (not for the UI labels at least)
@@ -30685,6 +30741,12 @@ function ReactodiaApp(props) {
         }
         else {
             await model.createNewDiagram({ dataProvider, signal });
+            if ((_a = config.seedGraph) === null || _a === void 0 ? void 0 : _a.length) {
+                await seedGraphCanvas(context, config.seedGraph, signal);
+            }
+            else if ((_b = config.seedIris) === null || _b === void 0 ? void 0 : _b.length) {
+                await seedCanvas(context, config.seedIris, signal);
+            }
         }
     }, [language]);
     /**
@@ -30721,7 +30783,7 @@ async function updateReactodia(props) {
         return;
     }
     const { model } = workspaceContext;
-    const dataProvider = createDataProvider(props.currentRepository, props.queryFunction, props.providerSettings);
+    const dataProvider = createDataProvider(props);
     await model.createNewDiagram({ dataProvider });
 }
 /**
@@ -30746,7 +30808,7 @@ const GraphwiseReactodia = class {
         /**
          * UI language code (e.g. `en`, `fr`) for the Reactodia interface. Defaults to English.
          */
-        this.language = 'en';
+        this.language = LanguageKey.EN;
     }
     onProviderSettingsChange() {
         this.renderGraph();
@@ -30758,7 +30820,7 @@ const GraphwiseReactodia = class {
         const diagram = exportReactodiaLayout();
         this.renderGraph(diagram);
     }
-    componentDidLoad() {
+    connectedCallback() {
         this.renderGraph();
     }
     disconnectedCallback() {
@@ -30768,14 +30830,15 @@ const GraphwiseReactodia = class {
         }
     }
     render() {
-        return (h(Host, { key: '3fca0e2163335fc2cb0fc3c57291e4f29234f2c2' }));
+        return (h(Host, { key: '63c58ee1d28c4866aa66d3dcf4893879de4d09f6' }));
     }
     renderGraph(initialDiagram) {
+        var _a;
         if (!this.currentRepository) {
             throw new Error('currentRepository is required');
         }
-        if (!this.queryFunction) {
-            throw new Error('queryFunction is required');
+        if (!((_a = this.config) === null || _a === void 0 ? void 0 : _a.queryFunction)) {
+            throw new Error('config.queryFunction is required');
         }
         if (!this.hostElement) {
             return;
@@ -30783,7 +30846,7 @@ const GraphwiseReactodia = class {
         const props = {
             initialDiagram,
             currentRepository: this.currentRepository,
-            queryFunction: this.queryFunction,
+            config: this.config,
             language: this.language,
             providerSettings: this.providerSettings,
         };

package/dist/esm/graphwise-reactodia.js

@@ -17,5 +17,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["graphwise-reactodia",[[0,"graphwise-reactodia",{"currentRepository":[1,"current-repository"],"queryFunction":[16,"query-function"],"language":[1],"providerSettings":[16,"provider-settings"]},null,{"currentRepository":["onProviderSettingsChange"],"providerSettings":["onProviderSettingsChange"],"language":["onLanguageChange"]}]]]], options);
+  return bootstrapLazy([["graphwise-reactodia",[[0,"graphwise-reactodia",{"currentRepository":[1,"current-repository"],"config":[16],"language":[1],"providerSettings":[16,"provider-settings"]},null,{"currentRepository":["onProviderSettingsChange"],"providerSettings":["onProviderSettingsChange"],"language":["onLanguageChange"]}]]]], options);
 });

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-CalY52z6.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["graphwise-reactodia",[[0,"graphwise-reactodia",{"currentRepository":[1,"current-repository"],"queryFunction":[16,"query-function"],"language":[1],"providerSettings":[16,"provider-settings"]},null,{"currentRepository":["onProviderSettingsChange"],"providerSettings":["onProviderSettingsChange"],"language":["onLanguageChange"]}]]]], options);
+  return bootstrapLazy([["graphwise-reactodia",[[0,"graphwise-reactodia",{"currentRepository":[1,"current-repository"],"config":[16],"language":[1],"providerSettings":[16,"provider-settings"]},null,{"currentRepository":["onProviderSettingsChange"],"providerSettings":["onProviderSettingsChange"],"language":["onLanguageChange"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/graphwise-reactodia/graphwise-reactodia.esm.js

@@ -1 +1 @@
-import{p as r,b as e}from"./p-Cypw7ydc.js";export{s as setNonce}from"./p-Cypw7ydc.js";import{g as t}from"./p-CalY52z6.js";(()=>{const e=import.meta.url,t={};return""!==e&&(t.resourcesUrl=new URL(".",e).href),r(t)})().then((async r=>(await t(),e([["p-b10c344f",[[0,"graphwise-reactodia",{currentRepository:[1,"current-repository"],queryFunction:[16,"query-function"],language:[1],providerSettings:[16,"provider-settings"]},null,{currentRepository:["onProviderSettingsChange"],providerSettings:["onProviderSettingsChange"],language:["onLanguageChange"]}]]]],r))));
+import{p as e,b as r}from"./p-Cypw7ydc.js";export{s as setNonce}from"./p-Cypw7ydc.js";import{g as t}from"./p-CalY52z6.js";(()=>{const r=import.meta.url,t={};return""!==r&&(t.resourcesUrl=new URL(".",r).href),e(t)})().then((async e=>(await t(),r([["p-eb362faa",[[0,"graphwise-reactodia",{currentRepository:[1,"current-repository"],config:[16],language:[1],providerSettings:[16,"provider-settings"]},null,{currentRepository:["onProviderSettingsChange"],providerSettings:["onProviderSettingsChange"],language:["onLanguageChange"]}]]]],e))));