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

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

@@ -1,125 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-import { task } from 'ember-concurrency';
-import { v4 as uuidv4 } from 'uuid';
-import { INVISIBLE_SPACE } from '@lblod/ember-rdfa-editor/model/util/constants';
-import { defaultVariableTypes } from '../../utils/variable-plugins/default-variable-types';
-
-export default class EditorPluginsInsertCodelistCardComponent extends Component {
-  @tracked variablesArray;
-  @tracked selectedVariable;
-  @tracked showCard = true;
-  @tracked hasSubtype = false;
-  @tracked selectedSubtype;
-  @tracked subtypes;
-
-  constructor() {
-    super(...arguments);
-    const { publisher, variableTypes, defaultEndpoint } =
-      this.args.widgetArgs.options || {};
-    this.publisher = publisher;
-    this.endpoint = defaultEndpoint;
-    let variableTypesSelectedByUser = variableTypes ?? [
-      'text',
-      'number',
-      'date',
-      'location',
-      'codelist',
-    ];
-
-    const variablesArray = [];
-    for (let type of variableTypesSelectedByUser) {
-      if (typeof type === 'string') {
-        const defaultVariable = defaultVariableTypes[type];
-        if (defaultVariable) {
-          variablesArray.push(defaultVariable);
-        } else {
-          console.warn(
-            `Template Variable Plugin: variable type ${type} not found in the default variable types`
-          );
-        }
-      } else {
-        variablesArray.push(type);
-      }
-    }
-    this.variablesArray = variablesArray;
-    this.args.controller.onEvent('selectionChanged', this.selectionChanged);
-  }
-
-  @action
-  insert() {
-    const uri = `http://data.lblod.info/mappings/${uuidv4()}`;
-    let variableContent;
-    if (typeof this.selectedVariable.template === 'function') {
-      variableContent = this.selectedVariable.template(
-        this.endpoint,
-        this.selectedSubtype
-      );
-    } else {
-      variableContent = this.selectedVariable.template;
-    }
-    const htmlToInsert = `
-      <span resource="${uri}" typeof="ext:Mapping">
-        ${variableContent}
-      </span>
-    `;
-    this.args.controller.executeCommand(
-      'insert-html',
-      htmlToInsert,
-      this.args.controller.selection.lastRange
-    );
-    this.args.controller.executeCommand(
-      'insert-text',
-      INVISIBLE_SPACE,
-      this.args.controller.selection.lastRange
-    );
-    this.selectedVariableType = undefined;
-    this.selectedCodelist = undefined;
-    this.isCodelist = false;
-  }
-
-  @action
-  updateSelectedVariable(variable) {
-    this.selectedVariable = variable;
-    if (variable.fetchSubtypes) {
-      this.fetchSubtypes.perform(variable.fetchSubtypes);
-      this.hasSubtype = true;
-    } else {
-      this.hasSubtype = false;
-    }
-  }
-
-  @task
-  *fetchSubtypes(fetchFunction) {
-    const subtypes = yield fetchFunction(this.endpoint, this.publisher);
-    this.subtypes = subtypes;
-  }
-
-  @action
-  updateSubtype(subtype) {
-    this.selectedSubtype = subtype;
-  }
-
-  @action
-  selectionChanged() {
-    const currentSelection = this.args.controller.selection.lastRange;
-    if (!currentSelection) {
-      return;
-    }
-    this.showCard = false;
-    const limitedDatastore = this.args.controller.datastore.limitToRange(
-      currentSelection,
-      'rangeIsInside'
-    );
-    const mapping = limitedDatastore
-      .match(null, 'a', 'ext:Mapping')
-      .asQuads()
-      .next().value;
-    if (mapping) {
-      this.showCard = false;
-    } else {
-      this.showCard = true;
-    }
-  }
-}

package/addon/components/rdfa-date-plugin/rdfa-date-plugin-card.js

@@ -1,71 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-
-export default class RdfaDatePluginCardComponent extends Component {
-  @tracked showCard = false;
-  @tracked dateValue;
-  @tracked dateElement;
-  @tracked dateInDocument;
-  @tracked onlyDate;
-
-  constructor() {
-    super(...arguments);
-    this.args.controller.onEvent(
-      'selectionChanged',
-      this.selectionChangedHandler
-    );
-  }
-
-  @action
-  modifyDate() {
-    this.args.controller.executeCommand(
-      'modify-date',
-      this.args.controller,
-      this.dateElement,
-      this.dateValue,
-      this.onlyDate
-    );
-  }
-
-  @action
-  changeDate(date) {
-    this.dateValue = date;
-    if (this.dateInDocument) this.modifyDate();
-  }
-
-  @action
-  selectionChangedHandler() {
-    const selectedRange = this.args.controller.selection.lastRange;
-    if (!selectedRange) {
-      return;
-    }
-    const selectionParent = selectedRange.start.findAncestors(
-      (element) => element.attributeMap && element.attributeMap.get('datatype')
-    )[0];
-    if (!selectionParent) {
-      this.showCard = false;
-      this.dateElement = undefined;
-      return;
-    }
-    const datatype = selectionParent.attributeMap.get('datatype');
-    if (datatype === 'xsd:dateTime') {
-      this.showCard = true;
-      this.dateElement = selectionParent;
-      const dateContent = selectionParent.attributeMap.get('content');
-      this.dateValue = dateContent ? new Date(dateContent) : new Date();
-      this.dateInDocument = !!dateContent;
-      this.onlyDate = false;
-    } else if (datatype === 'xsd:date') {
-      this.showCard = true;
-      this.dateElement = selectionParent;
-      const dateContent = selectionParent.attributeMap.get('content');
-      this.dateValue = dateContent ? new Date(dateContent) : new Date();
-      this.dateInDocument = !!dateContent;
-      this.onlyDate = true;
-    } else {
-      this.showCard = false;
-      this.dateElement = undefined;
-    }
-  }
-}

package/addon/components/rdfa-date-plugin/rdfa-date-plugin-insert.js

@@ -1,24 +0,0 @@
-import Component from '@glimmer/component';
-import { action } from '@ember/object';
-
-export default class RdfaDatePluginInsertComponent extends Component {
-  @action
-  insertDate() {
-    const selection = this.args.controller.selection.lastRange;
-    this.args.controller.executeCommand(
-      'insert-html',
-      '<span datatype="xsd:date" property="ext:content">${date}</span>',
-      selection
-    );
-  }
-
-  @action
-  insertDateTime() {
-    const selection = this.args.controller.selection.lastRange;
-    this.args.controller.executeCommand(
-      'insert-html',
-      '<span datatype="xsd:dateTime" property="ext:content">${date and time}</span>',
-      selection
-    );
-  }
-}

package/addon/components/roadsign-regulation-plugin/expanded-measure.js

@@ -1,38 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-import {
-  NON_ZONAL_URI,
-  POTENTIALLY_ZONAL_URI,
-  ZONAL_URI,
-} from '../../constants';
-
-export default class ExpandedMeasureComponent extends Component {
-  @tracked zonalityValue;
-  @tracked temporalValue;
-  ZONAL_URI = ZONAL_URI;
-  NON_ZONAL_URI = NON_ZONAL_URI;
-  get isPotentiallyZonal() {
-    return this.args.measure.zonality === POTENTIALLY_ZONAL_URI;
-  }
-  get insertButtonDisabled() {
-    return this.isPotentiallyZonal && !this.zonalityValue;
-  }
-
-  @action
-  changeZonality(e) {
-    this.zonalityValue = e.target.value;
-  }
-  @action
-  changeTemporality(e) {
-    this.temporalValue = e.target.value;
-  }
-  @action
-  insert() {
-    this.args.insert(this.args.measure, this.zonalityValue, this.temporalValue);
-  }
-  @action
-  unselectRow() {
-    this.args.selectRow(this.args.measure.uri);
-  }
-}

package/addon/components/roadsign-regulation-plugin/measure-template.js

@@ -1,30 +0,0 @@
-import Component from '@glimmer/component';
-import { inject as service } from '@ember/service';
-import { task } from 'ember-concurrency';
-import { tracked } from '@glimmer/tracking';
-import includeInstructions from '../../utils/roadsign-regulation-plugin/includeInstructions';
-
-export default class MeasureTemplateComponent extends Component {
-  @service roadsignRegistry;
-  @tracked template = '';
-
-  constructor() {
-    super(...arguments);
-    this.template = this.args.template;
-    this.fetchData.perform();
-  }
-
-  @task
-  *fetchData() {
-    const instructions =
-      yield this.roadsignRegistry.getInstructionsForMeasure.perform(
-        this.args.measure
-      );
-    let template = includeInstructions(
-      this.args.template,
-      instructions,
-      this.args.annotated
-    );
-    this.template = template;
-  }
-}

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);
-  }
-}