ontotext-yasgui-web-component 0.0.1

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/collection/js/main.js

@@ -0,0 +1,8 @@
+let ontoElement = document.querySelector("ontotext-yasgui");
+ontoElement.config = {
+  yasguiConfig: {
+    requestConfig: {
+      endpoint: "/repositories/test-repo"
+    }
+  }
+};

package/dist/collection/models/ontotext-yasgui.js

@@ -0,0 +1,41 @@
+export class OntotextYasgui {
+  constructor(yasgui, config) {
+    this.yasgui = yasgui;
+    this.init(config);
+  }
+  setQuery(query) {
+    this.yasgui.getTab().getYasqe().setValue(query);
+  }
+  getQuery() {
+    return this.yasgui.getTab().getYasqe().getValue();
+  }
+  /**
+   * Initializes ontotext-yasgui component.
+   *
+   * @param config
+   * @private
+   */
+  init(config) {
+    if (config.initialQuery) {
+      this.setQuery(config.initialQuery);
+    }
+  }
+  addYasqeListener(eventName, callback) {
+    // @ts-ignore
+    this.yasgui.getTab().yasqe.on(eventName, (_instance, _tab) => {
+      callback();
+    });
+  }
+  destroy() {
+    if (this.yasgui) {
+      Object.keys(this.yasgui._tabs).forEach((tabId) => {
+        const tab = this.yasgui._tabs[tabId];
+        tab.getYasr() && tab.getYasr().destroy();
+      });
+      this.yasgui.destroy();
+      // this.yasguiElement = null;
+      this.yasgui = null;
+      localStorage.removeItem('yasqe__query');
+    }
+  }
+}

package/dist/collection/models/yasgui-configuration.js

@@ -0,0 +1,11 @@
+export var RenderingMode;
+(function (RenderingMode) {
+  RenderingMode["YASGUI"] = "mode-yasgui";
+  RenderingMode["YASQE"] = "mode-yasqe";
+  RenderingMode["YASR"] = "mode-yasr";
+})(RenderingMode || (RenderingMode = {}));
+export var Orientation;
+(function (Orientation) {
+  Orientation["VERTICAL"] = "orientation-vertical";
+  Orientation["HORIZONTAL"] = "orientation-horizontal";
+})(Orientation || (Orientation = {}));

package/dist/collection/pages/default-view/main.js

@@ -0,0 +1,8 @@
+let ontoElement = document.querySelector("ontotext-yasgui");
+ontoElement.config = {
+  yasguiConfig: {
+    requestConfig: {
+      endpoint: "/repositories/test-repo"
+    }
+  }
+};

package/dist/collection/pages/view-configurations/main.js

@@ -0,0 +1,31 @@
+const ontoElement = document.querySelector("ontotext-yasgui");
+ontoElement.config = {
+  query: '',
+  yasguiConfig: {
+    requestConfig: {
+      endpoint: "/repositories/test-repo"
+    }
+  }
+};
+
+ontoElement.addEventListener("queryExecuted", () => {
+  const div = document.createElement('div');
+  div.innerHTML = '<div id="queryRan">Query was Executed</div>';
+  document.body.appendChild(div);
+});
+
+function setShowEditorTabs(hideEditorTab) {
+  ontoElement.config = {...ontoElement.config, showEditorTabs: hideEditorTab}
+}
+
+function setShowResultTabs(showResultTabs) {
+  ontoElement.config = {...ontoElement.config, showResultTabs: showResultTabs}
+}
+
+function setDefaultQuery(query) {
+  ontoElement.config = {...ontoElement.config, query: query}
+}
+
+function  setInitialQuery(initialQuery) {
+  ontoElement.config = {...ontoElement.config, initialQuery: initialQuery}
+}

package/dist/collection/pages/view-modes/main.js

@@ -0,0 +1,18 @@
+let ontoElement = document.querySelector("ontotext-yasgui");
+ontoElement.config = {
+  yasguiConfig: {
+    requestConfig: {
+      endpoint: "/repositories/test-repo"
+    }
+  },
+  render: 'mode-yasgui',
+  orientation: 'orientation-vertical'
+};
+
+function renderMode(mode) {
+  ontoElement.config = {...ontoElement.config, render: mode};
+}
+
+function renderOrientation(mode) {
+  ontoElement.config = {...ontoElement.config, orientation: mode};
+}

package/dist/collection/services/yasgui/configuration/configurator.js

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

package/dist/collection/services/yasgui/configuration/yasgui-configuration-builder.js

@@ -0,0 +1,28 @@
+import { YasguiConfigurator } from './yasgui-configurator';
+import { YasqeConfigurator } from './yasqe-configurator';
+import { YasrConfigurator } from './yasr-configurator';
+/**
+ * Builder for yasgui configuration.
+ */
+class YasguiConfigurationBuilderDefinition {
+  constructor() {
+    this.initConfigurators();
+  }
+  /**
+   * Builds a yasgui configuration.
+   * @param el - hte ontotext-yasgui element.
+   * @param config - custom configuration passed by client of component.
+   */
+  build(el, config) {
+    return this.configurators
+      .reduce((result, configurator) => configurator.config(el, result, config), {});
+  }
+  initConfigurators() {
+    this.configurators = [
+      YasguiConfigurator,
+      YasqeConfigurator,
+      YasrConfigurator
+    ];
+  }
+}
+export const YasguiConfigurationBuilder = new YasguiConfigurationBuilderDefinition();

package/dist/collection/services/yasgui/configuration/yasgui-configurator.js

@@ -0,0 +1,45 @@
+import { Orientation, RenderingMode } from '../../../models/yasgui-configuration';
+import deepmerge from 'deepmerge';
+/**
+ * Manages all top configuration of yasgui.
+ */
+class YasguiConfiguratorDefinition {
+  constructor() {
+    this.defaultYasguiConfig = {
+      render: RenderingMode.YASGUI,
+      orientation: Orientation.VERTICAL,
+      copyEndpointOnNewTab: true,
+      requestConfig: {
+        endpoint: '',
+        method: 'POST',
+        headers: () => {
+          return {
+            'Content-Type': 'application/x-www-form-urlencoded',
+            'Accept': 'application/sparql-results+json',
+            'X-GraphDB-Local-Consistency': 'updating'
+          };
+        }
+      }
+    };
+  }
+  config(_el, config, yasguiConfig) {
+    this.setOrientation(yasguiConfig, _el);
+    this.setRenderMode(yasguiConfig, _el);
+    return deepmerge.all([config, this.defaultYasguiConfig, yasguiConfig.yasguiConfig || {}]);
+  }
+  setRenderMode(yasguiConfig, _el) {
+    // @ts-ignore
+    const modes = Object.values(RenderingMode);
+    _el.classList.remove(...modes);
+    const newMode = !!yasguiConfig.render ? yasguiConfig.render : this.defaultYasguiConfig.render;
+    _el.classList.add(newMode);
+  }
+  setOrientation(yasguiConfig, _el) {
+    // @ts-ignore
+    const orientations = Object.values(Orientation);
+    _el.classList.remove(...orientations);
+    const newOrientation = !!yasguiConfig.orientation ? yasguiConfig.orientation : this.defaultYasguiConfig.orientation;
+    _el.classList.add(newOrientation);
+  }
+}
+export const YasguiConfigurator = new YasguiConfiguratorDefinition();

package/dist/collection/services/yasgui/configuration/yasqe-configurator.js

@@ -0,0 +1,17 @@
+class YasqeConfiguratorDefinition {
+  config(el, config, yasguiConfig) {
+    if (yasguiConfig.hasOwnProperty('showEditorTabs') && !yasguiConfig.showEditorTabs) {
+      el.classList.add('hidden-editor-tabs');
+    }
+    else {
+      el.classList.remove('hidden-editor-tabs');
+    }
+    // @ts-ignore
+    if (yasguiConfig.query && window.Yasgui) {
+      // @ts-ignore
+      window.Yasgui.Yasqe.defaults.value = yasguiConfig.query;
+    }
+    return config;
+  }
+}
+export const YasqeConfigurator = new YasqeConfiguratorDefinition();

package/dist/collection/services/yasgui/configuration/yasr-configurator.js

@@ -0,0 +1,12 @@
+class YasrConfiguratorDefinition {
+  config(el, config, yasguiConfig) {
+    if (yasguiConfig.hasOwnProperty('showResultTabs') && !yasguiConfig.showResultTabs) {
+      el.classList.add('hidden-result-tabs');
+    }
+    else {
+      el.classList.remove('hidden-result-tabs');
+    }
+    return config;
+  }
+}
+export const YasrConfigurator = new YasrConfiguratorDefinition();

package/dist/collection/services/yasgui/yasgui-builder.js

@@ -0,0 +1,26 @@
+import { YasguiConfigurationBuilder } from './configuration/yasgui-configuration-builder';
+import { OntotextYasgui } from '../../models/ontotext-yasgui';
+/**
+ * Builder yasgui instance.
+ * It configures, creates an instance of yasgui and apply patches to created instance.
+ */
+class YasguiBuilderDefinition {
+  constructor() {
+    this.yasguiConfigurationBuilder = YasguiConfigurationBuilder;
+  }
+  /**
+   * Builds an instance of yasgui. The building of instances is a two-step process.
+   * A yasgui configuration is created on first step.
+   * The created instance is patched on second step.
+   * @param el - parent element of yasgui instance.
+   * @param config - configuration passed from client of component. It overrides default values of yasgui component.
+   */
+  build(el, config) {
+    const yasguiConfig = this.yasguiConfigurationBuilder.build(el, config);
+    // @ts-ignore
+    const yasgui = new Yasgui(el, yasguiConfig);
+    // monkey patches have to be applied before return yasgui.
+    return new OntotextYasgui(yasgui, config);
+  }
+}
+export const YasguiBuilder = new YasguiBuilderDefinition();

package/dist/components/index.d.ts

@@ -0,0 +1,22 @@
+/* OntotextYasguiWebComponent custom elements */
+export { OntotextYasguiWebComponent as OntotextYasgui } from '../types/components/ontotext-yasgui-web-component/ontotext-yasgui-web-component';
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1,2 @@
+export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
+export { OntotextYasgui, defineCustomElement as defineCustomElementOntotextYasgui } from './ontotext-yasgui.js';

package/dist/components/ontotext-yasgui.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface OntotextYasgui extends Components.OntotextYasgui, HTMLElement {}
+export const OntotextYasgui: {
+  prototype: OntotextYasgui;
+  new (): OntotextYasgui;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;