@lblod/ember-rdfa-editor-lblod-plugins 0.4.1 → 1.0.0-alpha.1

package/addon/components/roadsign-regulation-plugin/roadsign-regulation-card.js

@@ -1,101 +0,0 @@
-import { action } from '@ember/object';
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-
-/**
- * Card displaying a hint of the Date plugin
- *
- * @module editor-roadsign-regulation-plugin
- * @class RoadsignRegulationCard
- * @extends Ember.Component
- */
-const acceptedTypes = [
-  '>https://data.vlaanderen.be/id/concept/BesluitType/4d8f678a-6fa4-4d5f-a2a1-80974e43bf34',
-  '>https://data.vlaanderen.be/id/concept/BesluitType/7d95fd2e-3cc9-4a4c-a58e-0fbc408c2f9b',
-  '>https://data.vlaanderen.be/id/concept/BesluitType/3bba9f10-faff-49a6-acaa-85af7f2199a3',
-  '>https://data.vlaanderen.be/id/concept/BesluitType/0d1278af-b69e-4152-a418-ec5cfd1c7d0b',
-  '>https://data.vlaanderen.be/id/concept/BesluitType/e8afe7c5-9640-4db8-8f74-3f023bec3241',
-  '>https://data.vlaanderen.be/id/concept/BesluitType/256bd04a-b74b-4f2a-8f5d-14dda4765af9',
-  '>https://data.vlaanderen.be/id/concept/BesluitType/67378dd0-5413-474b-8996-d992ef81637a',
-];
-
-export default class RoadsignRegulationCard extends Component {
-  @tracked modalOpen;
-  @tracked showCard = false;
-
-  constructor() {
-    super(...arguments);
-    this.args.controller.onEvent('selectionChanged', this.selectionChanged);
-  }
-
-  @action
-  toggleModal() {
-    this.modalOpen = !this.modalOpen;
-  }
-
-  @action
-  insert(html) {
-    const selectedRange = this.args.controller.selection.lastRange;
-    if (!selectedRange) {
-      return;
-    }
-    const limitedDatastore = this.args.controller.datastore.limitToRange(
-      selectedRange,
-      'rangeIsInside'
-    );
-    const besluit = limitedDatastore
-      .match(null, 'a')
-      .transformDataset((dataset, termConverter) => {
-        return dataset.filter((quad) =>
-          acceptedTypes
-            .map((type) => termConverter(type).value)
-            .includes(quad.object.value)
-        );
-      })
-      .asSubjectNodes()
-      .next().value;
-    const besluitNode = [...besluit.nodes][0];
-    let articleContainerNode;
-    for (let child of besluitNode.children) {
-      if (child.attributeMap.get('property') === 'prov:value') {
-        articleContainerNode = child;
-        break;
-      }
-    }
-    const range = this.args.controller.rangeFactory.fromInNode(
-      articleContainerNode,
-      articleContainerNode.getMaxOffset(),
-      articleContainerNode.getMaxOffset()
-    );
-    this.args.controller.executeCommand('insert-html', html, range);
-  }
-
-  @action
-  selectionChanged() {
-    const selectedRange = this.args.controller.selection.lastRange;
-    if (!selectedRange) {
-      return;
-    }
-    const limitedDatastore = this.args.controller.datastore.limitToRange(
-      selectedRange,
-      'rangeIsInside'
-    );
-    const besluit = limitedDatastore
-      .match(null, 'a')
-      .transformDataset((dataset, termConverter) => {
-        return dataset.filter((quad) =>
-          acceptedTypes
-            .map((type) => termConverter(type).value)
-            .includes(quad.object.value)
-        );
-      })
-      .asQuads()
-      .next().value;
-    if (besluit) {
-      this.showCard = true;
-      this.besluitUri = besluit.subject.value;
-    } else {
-      this.showCard = false;
-    }
-  }
-}

package/addon/components/roadsign-regulation-plugin/roadsigns-table.js

@@ -1,24 +0,0 @@
-import { action } from '@ember/object';
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { getOwner } from '@ember/application';
-
-export default class RoadsignsTable extends Component {
-  @tracked selected;
-  imageBaseUrl;
-
-  constructor() {
-    super(...arguments);
-    const config = getOwner(this).resolveRegistration('config:environment');
-    this.imageBaseUrl = config.roadsignRegulationPlugin.imageBaseUrl;
-  }
-
-  @action
-  selectRow(id) {
-    if (this.selected === id) {
-      this.selected = undefined;
-    } else {
-      this.selected = id;
-    }
-  }
-}

package/addon/components/standard-template-plugin/template-card.js

@@ -1,7 +0,0 @@
-import Component from '@glimmer/component';
-
-export default class StandardTemplateTemplateCardComponent extends Component {
-  get controller() {
-    return this.args.controller;
-  }
-}

package/addon/components/standard-template-plugin/template-provider.js

@@ -1,75 +0,0 @@
-import Component from '@glimmer/component';
-import { action } from '@ember/object';
-import { tracked } from '@glimmer/tracking';
-import { inject as service } from '@ember/service';
-import instantiateUuids from '../../utils/instantiate-uuids';
-
-export default class TemplateProviderComponent extends Component {
-  @service standardTemplatePlugin;
-  @tracked applicableTemplates = [];
-
-  constructor() {
-    super(...arguments);
-    this.args.controller.onEvent('selectionChanged', this.trackSelectionChange);
-  }
-
-  get busy() {
-    return this.standardTemplatePlugin.fetchTemplates.isRunning;
-  }
-
-  get controller() {
-    return this.args.controller;
-  }
-
-  get hasApplicableTemplates() {
-    return this.applicableTemplates.length > 0;
-  }
-
-  templateIsApplicable(template) {
-    const selectedRange = this.controller.selection.lastRange;
-    if (!selectedRange) {
-      return false;
-    }
-    const rangeStore = this.controller.datastore.limitToRange(
-      selectedRange,
-      'rangeIsInside'
-    );
-
-    const containsTypes = rangeStore.match(null, 'a').dataset.some((quad) => {
-      return template.contexts.includes(quad.object.value);
-    });
-
-    const containsDisabledTypes = rangeStore
-      .match(null, 'a')
-      .dataset.some((quad) =>
-        template.disabledInContexts.includes(quad.object.value)
-      );
-
-    return containsTypes && !containsDisabledTypes;
-  }
-
-  @action
-  trackSelectionChange() {
-    this.applicableTemplates =
-      this.standardTemplatePlugin.fetchTemplates.last.value?.filter(
-        (template) => this.templateIsApplicable(template)
-      ) || [];
-  }
-
-  @action
-  async insert(template) {
-    await template.reload();
-    let insertRange = this.controller.selection.lastRange;
-    if (insertRange.getMarks().hasMarkName('highlighted')) {
-      insertRange = this.controller.rangeFactory.fromAroundNode(
-        insertRange.getCommonAncestor()
-      );
-    }
-    this.controller.executeCommand(
-      'insert-html',
-      instantiateUuids(template.body),
-      insertRange,
-      'right'
-    );
-  }
-}

package/addon/components/table-of-contents-plugin/card.js

@@ -1,53 +0,0 @@
-import { action } from '@ember/object';
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-
-export default class TableOfContentsCardComponent extends Component {
-  @tracked toggled;
-
-  constructor() {
-    super(...arguments);
-    this.toggled = this.tableOfContentsInstances.length !== 0;
-    this.args.controller.onEvent('modelWritten', () => {
-      this.toggled = this.tableOfContentsInstances.length !== 0;
-    });
-  }
-
-  get tableOfContentsInstances() {
-    return this.args.controller.getComponentInstances({
-      componentName:
-        'table-of-contents-plugin/inline-components/table-of-contents',
-    });
-  }
-
-  get tableOfContentsProps() {
-    return this.args.widgetArgs.config
-      ? { config: this.args.widgetArgs.config }
-      : {};
-  }
-
-  @action
-  toggle() {
-    if (this.toggled) {
-      // Remove instances from table of contents
-      this.tableOfContentsInstances.forEach((instance) => {
-        const model = instance.componentController.model;
-        this.args.controller.executeCommand('remove-component', model);
-      });
-    } else {
-      // Add table of contents
-      console.log(this.tableOfContentsProps);
-      this.args.controller.executeCommand(
-        'insert-component',
-        'table-of-contents-plugin/inline-components/table-of-contents',
-        this.tableOfContentsProps,
-        false,
-        this.args.controller.rangeFactory.fromInElement(
-          this.args.controller.modelRoot,
-          0,
-          0
-        )
-      );
-    }
-  }
-}

package/addon/components/table-of-contents-plugin/inline-components/table-of-contents.hbs

@@ -1,9 +0,0 @@
-<div class='au-u-background-gray-100 au-u-padding-tiny table-of-contents'>
-  <h3>{{t "table-of-contents-plugin.title"}}</h3>
-  {{#if this.documentOutline}}
-    <TableOfContentsPlugin::InlineComponents::Outline
-      @entries={{this.documentOutline.entries}}
-      @onEntryClick={{this.moveToSection}}
-    />
-  {{/if}}
-</div>

package/addon/components/table-of-contents-plugin/inline-components/table-of-contents.js

@@ -1,100 +0,0 @@
-import ModelNode from '@lblod/ember-rdfa-editor/model/model-node';
-import { tracked } from '@glimmer/tracking';
-import ModelNodeUtils from '@lblod/ember-rdfa-editor/model/util/model-node-utils';
-import { action } from '@ember/object';
-import Component from '@glimmer/component';
-import dataFactory from '@rdfjs/data-model';
-import { TABLE_OF_CONTENTS_DEFAULT_CONFIG } from '../../../constants';
-export default class TableOfContentsComponent extends Component {
-  @tracked
-  documentOutline;
-
-  constructor(owner, args) {
-    super(owner, args);
-    this.update();
-
-    this.args.editorController.onEvent(
-      'contentChanged',
-      this.update.bind(this)
-    );
-    this.args.editorController.onEvent('modelRead', this.update.bind(this));
-  }
-
-  get config() {
-    return (
-      this.args.componentController.getProperty('config') ??
-      TABLE_OF_CONTENTS_DEFAULT_CONFIG
-    );
-  }
-
-  willDestroy() {
-    this.args.editorController.offEvent(
-      'contentChanged',
-      this.update.bind(this)
-    );
-    this.args.editorController.offEvent('modelRead', this.update.bind(this));
-    super.willDestroy();
-  }
-
-  update() {
-    const outline = {
-      entries: this.extractOutline(this.args.editorController.modelRoot),
-    };
-    this.documentOutline = outline;
-  }
-
-  extractOutline(node) {
-    let result = [];
-
-    if (ModelNode.isModelElement(node)) {
-      let parent;
-      const attributes = node.getRdfaAttributes();
-      if (attributes.properties) {
-        for (const tocConfigEntry of this.config) {
-          if (attributes.properties.includes(tocConfigEntry.sectionPredicate)) {
-            if (typeof tocConfigEntry.value === 'string') {
-              parent = { content: tocConfigEntry.value, node };
-              break;
-            } else {
-              const nodes = [
-                ...this.args.editorController.datastore
-                  .match(
-                    `>${attributes.resource}`,
-                    dataFactory.namedNode(tocConfigEntry.value.predicate)
-                  )
-                  .asObjectNodeMapping()
-                  .nodes(),
-              ];
-              if (nodes.length) {
-                parent = {
-                  content: ModelNodeUtils.getTextContent(nodes[0]),
-                  node,
-                };
-                break;
-              }
-            }
-          }
-        }
-      }
-      const subResults = [];
-      node.children.forEach((child) => {
-        subResults.push(...this.extractOutline(child));
-      });
-      if (parent) {
-        parent.children = subResults;
-        result = [parent];
-      } else {
-        result = subResults;
-      }
-    }
-    return result;
-  }
-
-  @action
-  moveToSection(node) {
-    console.log('moveToSection');
-    const range = this.args.editorController.rangeFactory.fromInNode(node, 0);
-    this.args.editorController.selection.selectRange(range);
-    this.args.editorController.write(true, true);
-  }
-}

package/addon/components/template-variable-plugin/template-variable-card.js

@@ -1,230 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-import { getOwner } from '@ember/application';
-import { task } from 'ember-concurrency';
-
-import { fetchCodeListOptions } from '../../utils/variable-plugins/fetch-data';
-import { MULTI_SELECT_CODELIST_TYPE, ZONAL_URI } from '../../constants';
-
-export default class EditorPluginsTemplateVariableCardComponent extends Component {
-  @tracked variableOptions = [];
-  @tracked selectedVariable;
-  @tracked showCard = false;
-  @tracked multiSelect = false;
-  mappingUri;
-
-  constructor() {
-    super(...arguments);
-    const config = getOwner(this).resolveRegistration('config:environment');
-    this.zonalLocationCodelistUri =
-      config.templateVariablePlugin.zonalLocationCodelistUri;
-    this.endpoint = config.templateVariablePlugin.endpoint;
-    this.nonZonalLocationCodelistUri =
-      config.templateVariablePlugin.nonZonalLocationCodelistUri;
-    this.args.controller.onEvent('selectionChanged', this.selectionChanged);
-    this.liveHighlights = this.args.controller.createLiveMarkSet({
-      datastoreQuery: (datastore) => {
-        const limitedDataset = datastore.transformDataset(
-          (dataset, termconverter) => {
-            const mappings = dataset.match(
-              null,
-              termconverter('a'),
-              termconverter('ext:Mapping')
-            );
-            const locations = dataset.match(
-              null,
-              termconverter('>http://purl.org/dc/terms/type'),
-              termconverter('@en-US"location')
-            );
-            const codelists = dataset.match(
-              null,
-              termconverter('>http://purl.org/dc/terms/type'),
-              termconverter('@en-US"codelist')
-            );
-            const supportedMappings = locations.union(codelists);
-            return mappings.filter(
-              (quad) => supportedMappings.match(quad.subject).size !== 0
-            );
-          }
-        );
-        const matches = limitedDataset.searchTextIn(
-          'subject',
-          new RegExp('.*')
-        );
-        return matches;
-      },
-
-      liveMarkSpecs: ['highlighted'],
-    });
-  }
-
-  @action
-  insert() {
-    const selectedRange = this.args.controller.selection.lastRange;
-    if (!selectedRange) {
-      return;
-    }
-    const limitedDatastore = this.args.controller.datastore.limitToRange(
-      selectedRange,
-      'rangeIsInside'
-    );
-    const mapping = limitedDatastore
-      .match(`>${this.mappingUri}`, 'ext:content', null)
-      .asSubjectNodes()
-      .next().value;
-    const mappingNode = [...mapping.nodes][0];
-    let mappingContentNode;
-    for (let child of mappingNode.children) {
-      if (child.attributeMap.get('property') === 'ext:content') {
-        mappingContentNode = child;
-        break;
-      }
-    }
-    let textToInsert = '';
-    if (this.selectedVariable.length) {
-      textToInsert = this.selectedVariable
-        .map((variable) => variable.value)
-        .join(', ');
-    } else {
-      textToInsert = this.selectedVariable.value;
-    }
-    textToInsert = this.wrapVariableInHighlight(textToInsert);
-    this.args.controller.executeCommand(
-      'insert-and-collapse',
-      this.args.controller,
-      textToInsert,
-      mappingContentNode
-    );
-  }
-
-  wrapVariableInHighlight(text) {
-    return text.replace(
-      /\$\{(.+?)\}/g,
-      '<span class="mark-highlight-manual">${$1}</span>'
-    );
-  }
-
-  @action
-  selectionChanged() {
-    this.showCard = false;
-    this.selectedVariable = undefined;
-    const selectedRange = this.args.controller.selection.lastRange;
-    if (!selectedRange) {
-      return;
-    }
-    const fullDatastore = this.args.controller.datastore;
-    const limitedDatastore = this.args.controller.datastore.limitToRange(
-      selectedRange,
-      'rangeIsInside'
-    );
-    const mapping = limitedDatastore
-      .match(null, 'a', 'ext:Mapping')
-      .asQuads()
-      .next().value;
-    console.log('MAPPING: ', mapping);
-    if (mapping) {
-      const mappingUri = mapping.subject.value;
-      this.mappingUri = mappingUri;
-      const mappingTypeTriple = fullDatastore
-        .match(`>${mappingUri}`, 'dct:type', null)
-        .asQuads()
-        .next().value;
-      console.log('TRIPLE: ', mappingTypeTriple);
-      if (mappingTypeTriple) {
-        const mappingType = mappingTypeTriple.object.value;
-        if (mappingType === 'codelist') {
-          const codelistTriple = fullDatastore
-            .match(`>${mappingUri}`, 'ext:codelist', null)
-            .asQuads()
-            .next().value;
-          const codelistSource = this.getCodelistSource(
-            fullDatastore,
-            mappingUri
-          );
-          this.showCard = true;
-          const codelistUri = codelistTriple.object.value;
-          this.fetchCodeListOptions.perform(codelistSource, codelistUri);
-        } else if (mappingType === 'location') {
-          const codelistSource = this.getCodelistSource(
-            fullDatastore,
-            mappingUri
-          );
-          const measureTriple = limitedDatastore
-            .match(
-              null,
-              'a',
-              '>https://data.vlaanderen.be/ns/mobiliteit#Mobiliteitsmaatregel'
-            )
-            .asQuads()
-            .next().value;
-          const measureUri = measureTriple.subject.value;
-          const zonalityTriple = fullDatastore
-            .match(`>${measureUri}`, 'ext:zonality', null)
-            .asQuads()
-            .next().value;
-          const zonalityUri = zonalityTriple.object.value;
-          if (zonalityUri === ZONAL_URI) {
-            this.fetchCodeListOptions.perform(
-              codelistSource,
-              this.zonalLocationCodelistUri,
-              true
-            );
-          } else {
-            this.fetchCodeListOptions.perform(
-              codelistSource,
-              this.nonZonalLocationCodelistUri,
-              true
-            );
-          }
-          this.showCard = true;
-        }
-      }
-    }
-  }
-
-  getCodelistSource(fullDatastore, mappingUri) {
-    const codelistSourceTriple = fullDatastore
-      .match(`>${mappingUri}`, 'dct:source', null)
-      .asQuads()
-      .next();
-
-    if (codelistSourceTriple && codelistSourceTriple.value) {
-      const codelistSourceTripleValue = codelistSourceTriple.value;
-      return codelistSourceTripleValue.object.value;
-    } else {
-      return this.endpoint;
-    }
-  }
-
-  @action
-  updateVariable(variable) {
-    this.selectedVariable = variable;
-  }
-
-  @task
-  *fetchCodeListOptions(endpoint, codelistUri, isLocation) {
-    const { type, options } = yield fetchCodeListOptions(endpoint, codelistUri);
-    if (isLocation) {
-      this.variableOptions = options.map((option) => ({
-        label: option.label,
-        value: this.wrapInLocation(option.value),
-      }));
-    } else {
-      this.variableOptions = options;
-    }
-    if (type === MULTI_SELECT_CODELIST_TYPE) {
-      this.multiSelect = true;
-    } else {
-      this.multiSelect = false;
-    }
-  }
-
-  wrapInLocation(value) {
-    return `
-      <span property="https://data.vlaanderen.be/ns/mobiliteit#plaatsbepaling">
-        ${value}
-      </span>
-    `;
-  }
-}

package/addon/inline-components/table-of-contents.js

@@ -1,43 +0,0 @@
-import { InlineComponentSpec } from '@lblod/ember-rdfa-editor/model/inline-components/model-inline-component';
-import { isElement } from '@lblod/ember-rdfa-editor/utils/dom-helpers';
-import { TABLE_OF_CONTENTS_DEFAULT_CONFIG } from '../constants';
-export default class TableOfContentsSpec extends InlineComponentSpec {
-  matcher = {
-    tag: this.tag,
-    attributeBuilder: (node) => {
-      if (isElement(node)) {
-        if (
-          (node.classList.contains('inline-component') &&
-            (node.classList.contains(this.name) ||
-              node.classList.contains(
-                'inline-components/table-of-contents'
-              ))) ||
-          node.dataset.inlineComponent === this.name ||
-          node.dataset.inlineComponent === 'inline-components/table-of-contents'
-        ) {
-          return {};
-        }
-      }
-      return null;
-    },
-  };
-
-  properties = {
-    config: {
-      serializable: true,
-      defaultValue: TABLE_OF_CONTENTS_DEFAULT_CONFIG,
-    },
-  };
-
-  _renderStatic() {
-    // TODO: should be implemented when static version of inline components work correctly
-    return '';
-  }
-  constructor(controller) {
-    super(
-      'table-of-contents-plugin/inline-components/table-of-contents',
-      'div',
-      controller
-    );
-  }
-}

package/addon/models/instruction.js

@@ -1,19 +0,0 @@
-export default class Instruction {
-  name;
-  template;
-  annotatedTemplate;
-
-  static fromBinding(binding) {
-    return new Instruction(
-      binding.name.value,
-      binding.template.value,
-      binding.annotatedTemplate.value
-    );
-  }
-
-  constructor(name, template, annotatedTemplate) {
-    this.name = name;
-    this.template = template;
-    this.annotatedTemplate = annotatedTemplate;
-  }
-}