graphwise-reactodia 0.0.1-TR6 → 0.0.1-TR7

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

@@ -30684,6 +30684,41 @@ async function seedCanvas(context, seed, signal) {
     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.
  *
@@ -30696,6 +30731,7 @@ async function seedCanvas(context, seed, signal) {
 function ReactodiaApp(props) {
     const { language, initialDiagram, config } = props;
     const { onMount } = useLoadedWorkspace(async ({ context, signal }) => {
+        var _a, _b;
         workspaceContext = context;
         const { model } = context;
         const dataProvider = createDataProvider(props);
@@ -30707,7 +30743,10 @@ function ReactodiaApp(props) {
         }
         else {
             await model.createNewDiagram({ dataProvider, signal });
-            if (config.seedIris) {
+            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);
             }
         }
@@ -30783,7 +30822,7 @@ const GraphwiseReactodia = class {
         const diagram = exportReactodiaLayout();
         this.renderGraph(diagram);
     }
-    componentDidLoad() {
+    connectedCallback() {
         this.renderGraph();
     }
     disconnectedCallback() {
@@ -30793,7 +30832,7 @@ const GraphwiseReactodia = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '8ef8d44db9d8e5eae72474c71c3c586f1f267d9b' }));
+        return (index.h(index.Host, { key: '63c58ee1d28c4866aa66d3dcf4893879de4d09f6' }));
     }
     renderGraph(initialDiagram) {
         var _a;

package/dist/collection/components/graphwise-reactodia/graphwise-reactodia.js

@@ -29,7 +29,7 @@ export class GraphwiseReactodia {
         const diagram = exportReactodiaLayout();
         this.renderGraph(diagram);
     }
-    componentDidLoad() {
+    connectedCallback() {
         this.renderGraph();
     }
     disconnectedCallback() {
@@ -39,7 +39,7 @@ export class GraphwiseReactodia {
         }
     }
     render() {
-        return (h(Host, { key: '8ef8d44db9d8e5eae72474c71c3c586f1f267d9b' }));
+        return (h(Host, { key: '63c58ee1d28c4866aa66d3dcf4893879de4d09f6' }));
     }
     renderGraph(initialDiagram) {
         var _a;

package/dist/collection/components/graphwise-reactodia/models/reactodia-seed-link.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/components/graphwise-reactodia/reactodia-app.js

@@ -45,6 +45,41 @@ async function seedCanvas(context, seed, signal) {
     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.
  *
@@ -57,6 +92,7 @@ async function seedCanvas(context, seed, signal) {
 function ReactodiaApp(props) {
     const { language, initialDiagram, config } = props;
     const { onMount } = useLoadedWorkspace(async ({ context, signal }) => {
+        var _a, _b;
         workspaceContext = context;
         const { model } = context;
         const dataProvider = createDataProvider(props);
@@ -68,7 +104,10 @@ function ReactodiaApp(props) {
         }
         else {
             await model.createNewDiagram({ dataProvider, signal });
-            if (config.seedIris) {
+            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);
             }
         }

package/dist/collection/pages/graphwise-reactodia/main.js

@@ -6,6 +6,17 @@ async function stubQueryFunction(_params) {
 // IRIs of the entities the host asks to pre-populate the canvas with on startup.
 const SEED_NODES = ['http://example.com/alice', 'http://example.com/bob'];
 
+// Pre-resolved edges (e.g. a CONSTRUCT result) the host asks to draw directly on the canvas,
+// without querying the SPARQL endpoint for link data.
+const SEED_GRAPH = [
+  {
+    source: 'http://example.com/alice',
+    target: 'http://example.com/bob',
+    predicates: ['knows'],
+    rawPredicates: ['http://example.com/knows'],
+  },
+];
+
 const reactodia = document.querySelector('graphwise-reactodia');
 
 function setQueryFunction() {
@@ -16,6 +27,10 @@ function setSeed() {
   reactodia.config = {...reactodia.config, seedIris: SEED_NODES};
 }
 
+function setSeedGraph() {
+  reactodia.config = {...reactodia.config, seedGraph: SEED_GRAPH};
+}
+
 function setRepository(repository) {
   reactodia.currentRepository = repository;
 }

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

@@ -30682,6 +30682,41 @@ async function seedCanvas(context, seed, signal) {
     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.
  *
@@ -30694,6 +30729,7 @@ async function seedCanvas(context, seed, signal) {
 function ReactodiaApp(props) {
     const { language, initialDiagram, config } = props;
     const { onMount } = useLoadedWorkspace(async ({ context, signal }) => {
+        var _a, _b;
         workspaceContext = context;
         const { model } = context;
         const dataProvider = createDataProvider(props);
@@ -30705,7 +30741,10 @@ function ReactodiaApp(props) {
         }
         else {
             await model.createNewDiagram({ dataProvider, signal });
-            if (config.seedIris) {
+            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);
             }
         }
@@ -30781,7 +30820,7 @@ const GraphwiseReactodia = class {
         const diagram = exportReactodiaLayout();
         this.renderGraph(diagram);
     }
-    componentDidLoad() {
+    connectedCallback() {
         this.renderGraph();
     }
     disconnectedCallback() {
@@ -30791,7 +30830,7 @@ const GraphwiseReactodia = class {
         }
     }
     render() {
-        return (h(Host, { key: '8ef8d44db9d8e5eae72474c71c3c586f1f267d9b' }));
+        return (h(Host, { key: '63c58ee1d28c4866aa66d3dcf4893879de4d09f6' }));
     }
     renderGraph(initialDiagram) {
         var _a;

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

@@ -1 +1 @@
-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-5a330bae",[[0,"graphwise-reactodia",{currentRepository:[1,"current-repository"],config:[16],language:[1],providerSettings:[16,"provider-settings"]},null,{currentRepository:["onProviderSettingsChange"],providerSettings:["onProviderSettingsChange"],language:["onLanguageChange"]}]]]],e))));
+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))));