graphwise-reactodia 0.0.1-TR1 → 0.0.1-TR10

package/dist/collection/components/graphwise-reactodia/services/event/event.service.js

@@ -0,0 +1,35 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Service } from "../../providers/service/service";
+import { CLEAR_DIAGRAM_STORAGE_EVENT } from "../../models/clear-diagram-storage-event";
+import { service } from "../../providers/service/service-inject";
+import { WindowService } from "../window/window.service";
+/**
+ * Service for event based operations
+ */
+let EventService = class EventService {
+    /**
+     * Subscribes to the host's "clear persisted diagram" command.
+     *
+     * @param onClear Called whenever the event fires.
+     * @returns A {@link Subscription} that, when called, removes the listener.
+     */
+    subscribeToClearDiagramStorage(onClear) {
+        const target = service(WindowService).getWindow();
+        target.addEventListener(CLEAR_DIAGRAM_STORAGE_EVENT, onClear);
+        return () => target.removeEventListener(CLEAR_DIAGRAM_STORAGE_EVENT, onClear);
+    }
+};
+EventService.ID = 'EventService';
+EventService = __decorate([
+    Service
+], EventService);
+export { EventService };

package/dist/collection/components/graphwise-reactodia/services/window/window.service.js

@@ -0,0 +1,24 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Service } from "../../providers/service/service";
+/**
+ * Service that provides access to browser window-related functionality.
+ */
+let WindowService = class WindowService {
+    getWindow() {
+        return window;
+    }
+};
+WindowService.ID = 'WindowService';
+WindowService = __decorate([
+    Service
+], WindowService);
+export { WindowService };

package/dist/collection/components/graphwise-reactodia/styles/type-style.resolver.js

@@ -0,0 +1,53 @@
+const NODE_COLOR_VARIABLES = [
+    '--gw-foreground-visual-diagram-categorical-01',
+    '--gw-foreground-visual-diagram-categorical-02',
+    '--gw-foreground-visual-diagram-categorical-03',
+    '--gw-foreground-visual-diagram-categorical-04',
+    '--gw-foreground-visual-diagram-categorical-05',
+    '--gw-foreground-visual-diagram-categorical-06',
+    '--gw-foreground-visual-diagram-categorical-07',
+    '--gw-foreground-visual-diagram-categorical-08',
+    '--gw-foreground-visual-diagram-categorical-09',
+    '--gw-foreground-visual-diagram-categorical-10',
+    '--gw-foreground-visual-diagram-categorical-11',
+    '--gw-foreground-visual-diagram-categorical-12',
+    '--gw-foreground-visual-diagram-categorical-13',
+    '--gw-foreground-visual-diagram-categorical-14',
+    '--gw-foreground-visual-diagram-categorical-15',
+    '--gw-foreground-visual-diagram-categorical-16',
+    '--gw-foreground-visual-diagram-categorical-17',
+    '--gw-foreground-visual-diagram-categorical-18',
+    '--gw-foreground-visual-diagram-categorical-19',
+    '--gw-foreground-visual-diagram-categorical-20'
+];
+/**
+ * Color slot assigned to each type, in the order the types are first seen.
+ */
+const typeToIndex = new Map();
+function getColor(variable) {
+    return getComputedStyle(document.documentElement).getPropertyValue(variable).trim();
+}
+/**
+ * Colors an element by its type: each type takes the next color from the palette, which wraps
+ * around once it runs out
+ *
+ * Returns `undefined` for elements without a type (placeholders and other non-entity elements) and
+ * when the host does not define the palette, leaving Reactodia to fall back to its own hash-based
+ * colors.
+ */
+export const resolveTypeStyle = (types) => {
+    const type = types[0];
+    if (!type) {
+        return undefined;
+    }
+    let index = typeToIndex.get(type);
+    if (index === undefined) {
+        index = typeToIndex.size;
+        typeToIndex.set(type, index);
+    }
+    const color = getColor(NODE_COLOR_VARIABLES[index % NODE_COLOR_VARIABLES.length]);
+    return color ? { color } : undefined;
+};
+export const resetColors = () => {
+    typeToIndex.clear();
+};

package/dist/collection/components/graphwise-reactodia/testing/storage.mock.js

@@ -0,0 +1,35 @@
+/**
+ * Minimal in-memory {@link Storage}, so services that read `localStorage` can be exercised
+ * without a real browser store and asserted against directly. Shared across test suites.
+ */
+export class StorageMock {
+    constructor() {
+        this.store = new Map();
+    }
+    get length() {
+        return this.store.size;
+    }
+    clear() {
+        this.store.clear();
+    }
+    getItem(key) {
+        return this.store.has(key) ? this.store.get(key) : null;
+    }
+    key(index) {
+        var _a;
+        return (_a = Array.from(this.store.keys())[index]) !== null && _a !== void 0 ? _a : null;
+    }
+    removeItem(key) {
+        this.store.delete(key);
+    }
+    setItem(key, value) {
+        this.store.set(key, value);
+    }
+}
+/**
+ * Creates a fresh {@link StorageMock}. Suites install the returned instance as the global
+ * `localStorage` themselves.
+ */
+export function createStorageMock() {
+    return new StorageMock();
+}

package/dist/collection/index.js

@@ -1 +1 @@
-export {};
+export { CLEAR_DIAGRAM_STORAGE_EVENT } from './components/graphwise-reactodia/models/clear-diagram-storage-event';

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

@@ -0,0 +1,50 @@
+// There is no SPARQL endpoint behind the dev server, so every query is answered with an empty
+// result. The shape has to match what the provider asks for: SELECT/ASK queries are parsed with
+// `response.json()` and would blow up on an empty body, CONSTRUCT/DESCRIBE queries are parsed as
+// turtle, where an empty body is a valid (empty) graph.
+async function stubQueryFunction(params) {
+  const accept = params.headers?.['Accept'] ?? '';
+  if (accept.includes('sparql-results+json')) {
+    const body = JSON.stringify({head: {vars: []}, results: {bindings: []}, boolean: false});
+    return new Response(body, {headers: {'Content-Type': 'application/sparql-results+json'}});
+  }
+  return new Response('', {headers: {'Content-Type': 'text/turtle'}});
+}
+
+const SEED_NODES = ['http://example.com/alice', 'http://example.com/bob'];
+
+const SEED_GRAPH = [
+  {
+    source: 'http://example.com/alice',
+    target: 'http://example.com/bob',
+    rawPredicates: ['http://example.com/knows'],
+  },
+];
+
+const reactodia = document.querySelector('graphwise-reactodia');
+
+function setQueryFunction() {
+  reactodia.config = {...reactodia.config, queryFunction: stubQueryFunction};
+}
+
+function setSeed() {
+  reactodia.config = {...reactodia.config, seedIris: SEED_NODES};
+}
+
+function setSeedGraph() {
+  reactodia.config = {...reactodia.config, seedGraph: SEED_GRAPH};
+}
+
+function setRepository(repository) {
+  reactodia.currentRepository = repository;
+}
+
+function setLanguage(language) {
+  reactodia.language = language;
+}
+
+// The host asks the component to drop its persisted diagram by dispatching a namespaced window
+// event, rather than holding an element reference and calling a method on it.
+function clearDiagramStorage() {
+  window.dispatchEvent(new Event('graphwise-reactodia:clear-diagram-storage'));
+}