@lblod/ember-rdfa-editor-lblod-plugins 0.3.1 → 0.4.0

package/.release-it.json

@@ -0,0 +1,14 @@
+{
+  "github": {
+    "release": true
+  },
+  "plugins": {
+    "@release-it-plugins/lerna-changelog": {
+      "infile": "CHANGELOG.md",
+      "launchEditor": true
+    }
+  },
+  "npm": {
+    "publish": false
+  }
+}

package/.woodpecker/.release.yml

@@ -0,0 +1,15 @@
+pipeline:
+  install:
+    image: danlynn/ember-cli:4.4.0
+    commands:
+      - npm ci
+  release:
+    image: plugins/npm
+    settings:
+      token:
+        from_secret: npm_access_token
+    # Pipeline level conditions aren't supported yet:
+    # https://github.com/woodpecker-ci/woodpecker/issues/283
+when:
+  event: tag
+  tag: v*

package/.woodpecker/.test.yml

@@ -0,0 +1,23 @@
+
+pipeline:
+  install:
+    image: danlynn/ember-cli:4.4.0
+    commands:
+      - npm ci
+  lint-js:
+    image: danlynn/ember-cli:4.4.0
+    group: lint
+    commands:
+      - npm run lint:js
+  lint-hbs:
+    image: danlynn/ember-cli:4.4.0
+    group: lint
+    commands:
+      - npm run lint:hbs
+  test:
+    image: danlynn/ember-cli:4.4.0
+    commands:
+      - npm run test:ember || exit 0
+when:
+  event:
+    - pull_request

package/CHANGELOG.md

@@ -0,0 +1,84 @@
+
+
+
+
+
+
+
+
+## 0.4.0 (2022-12-01)
+
+#### :house: Internal
+* [#23](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/23) Add typescript support ([@elpoelma](https://github.com/elpoelma))
+* [#22](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/22) Move to classic ember addon ([@elpoelma](https://github.com/elpoelma))
+
+#### Committers: 1
+- Elena Poelman ([@elpoelma](https://github.com/elpoelma))
+
+## v0.3.1 (2022-11-24)
+
+#### :memo: Documentation
+* [#15](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/15) Add documentation to readme ([@elpoelma](https://github.com/elpoelma))
+
+#### Committers: 1
+- Elena Poelman ([@elpoelma](https://github.com/elpoelma))
+
+## v0.3.0 (2022-11-23)
+
+#### :rocket: Enhancement
+* [#7](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/7) Add roadsign regulation plugin ([@elpoelma](https://github.com/elpoelma))
+
+#### Committers: 1
+- Elena Poelman ([@elpoelma](https://github.com/elpoelma))
+
+## v0.2.0 (2022-11-23)
+
+#### :rocket: Enhancement
+* [#14](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/14) Add insert and template variable plugins ([@elpoelma](https://github.com/elpoelma))
+
+#### Committers: 1
+- Elena Poelman ([@elpoelma](https://github.com/elpoelma))
+
+## v0.1.3 (2022-11-23)
+
+#### :bug: Bug Fix
+* [#13](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/13) Fix path of table-of-contents outline component ([@elpoelma](https://github.com/elpoelma))
+
+#### Committers: 1
+- Elena Poelman ([@elpoelma](https://github.com/elpoelma))
+
+## v0.1.2 (2022-11-23)
+
+#### :house: Internal
+* [#12](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/12) Export config and translations ([@elpoelma](https://github.com/elpoelma))
+
+#### Committers: 1
+- Elena Poelman ([@elpoelma](https://github.com/elpoelma))
+
+## v0.1.1 (2022-11-23)
+
+#### :house: Internal
+* [#11](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/11) Loosen ember-data peerdep requirement to 3.27.0 ([@elpoelma](https://github.com/elpoelma))
+
+#### Committers: 1
+- Elena Poelman ([@elpoelma](https://github.com/elpoelma))
+
+## v0.1.0 (2022-11-23)
+
+#### :rocket: Enhancement
+* [#9](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/9) Add import-snippet plugin ([@elpoelma](https://github.com/elpoelma))
+* [#8](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/8) Add rdfa-date plugin ([@elpoelma](https://github.com/elpoelma))
+* [#3](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/3) Add standard-template plugin ([@elpoelma](https://github.com/elpoelma))
+* [#4](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/4) Add besluit-type plugin ([@elpoelma](https://github.com/elpoelma))
+* [#6](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/6) Add generate template plugin ([@elpoelma](https://github.com/elpoelma))
+* [#5](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/5) Add table-of-contents plugin ([@elpoelma](https://github.com/elpoelma))
+* [#2](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/2) Add citaten-plugin ([@elpoelma](https://github.com/elpoelma))
+
+#### :house: Internal
+* [#10](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/10) Set up woodpecker ([@elpoelma](https://github.com/elpoelma))
+* [#1](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/1) Setup basic test-app ([@elpoelma](https://github.com/elpoelma))
+
+#### Committers: 1
+- Elena Poelman ([@elpoelma](https://github.com/elpoelma))
+
+# Changelog

package/RELEASE.md

@@ -0,0 +1,60 @@
+# Release Process
+
+Releases are mostly automated using
+[release-it](https://github.com/release-it/release-it/) and
+[lerna-changelog](https://github.com/lerna/lerna-changelog/).
+
+## Preparation
+
+Since the majority of the actual release process is automated, the primary
+remaining task prior to releasing is confirming that all pull requests that
+have been merged since the last release have been labeled with the appropriate
+`lerna-changelog` labels and the titles have been updated to ensure they
+represent something that would make sense to our users. Some great information
+on why this is important can be found at
+[keepachangelog.com](https://keepachangelog.com/en/1.0.0/), but the overall
+guiding principle here is that changelogs are for humans, not machines.
+
+When reviewing merged PR's the labels to be used are:
+
+* breaking - Used when the PR is considered a breaking change.
+* enhancement - Used when the PR adds a new feature or enhancement.
+* bug - Used when the PR fixes a bug included in a previous release.
+* documentation - Used when the PR adds or updates documentation.
+* internal - Used for internal changes that still require a mention in the
+  changelog/release notes.
+
+## Release
+
+Once the prep work is completed, the actual release is straight forward:
+
+* First, ensure that you have installed your projects dependencies:
+
+```sh
+npm install
+```
+
+* Second, ensure that you have obtained a
+  [GitHub personal access token][generate-token] with the `repo` scope (no
+  other permissions are needed). Make sure the token is available as the
+  `GITHUB_AUTH` environment variable.
+
+  For instance:
+
+  ```bash
+  export GITHUB_AUTH=abc123def456
+  ```
+
+[generate-token]: https://github.com/settings/tokens/new?scopes=repo&description=GITHUB_AUTH+env+variable
+
+* And last (but not least 😁) do your release.
+
+```sh
+npx release-it
+```
+
+[release-it](https://github.com/release-it/release-it/) manages the actual
+release process. It will prompt you to to choose the version number after which
+you will have the chance to hand tweak the changelog to be used (for the
+`CHANGELOG.md` and GitHub release), then `release-it` continues on to tagging,
+pushing the tag and commits, etc.

package/addon/commands/generate-template-command.js

@@ -0,0 +1,35 @@
+import defaultResources from '../utils/generate-template-plugin/default-resources';
+
+export default class GenerateTemplateCommand {
+  name = 'generateTemplate';
+
+  constructor(model) {
+    this.model = model;
+  }
+
+  canExecute() {
+    return true;
+  }
+
+  execute(controller) {
+    let uris = [];
+    for (let resource of defaultResources) {
+      const quads = [
+        ...controller.datastore.match(null, 'a', `>${resource}`).asQuads(),
+      ];
+      const resourceUris = quads.map((quad) => quad.subject.value);
+      uris = [...uris, ...resourceUris];
+    }
+    let documentHTML = controller.htmlContent;
+    for (let uri of uris) {
+      const uriParts = uri.split('/');
+      uriParts.pop();
+      const uriWithoutUuid = uriParts.join('/');
+      documentHTML = documentHTML.replace(
+        uri,
+        `${uriWithoutUuid}/\${generateUuid()}`
+      );
+    }
+    return documentHTML;
+  }
+}

package/addon/commands/insert-and-collapse.js

@@ -0,0 +1,32 @@
+export default class InsertAndCollapseCommand {
+  name = 'insert-and-collapse';
+
+  constructor(model) {
+    this.model = model;
+  }
+
+  canExecute() {
+    return true;
+  }
+
+  execute(controller, htmlString, node) {
+    const range = controller.rangeFactory.fromInNode(
+      node,
+      0,
+      node.getMaxOffset()
+    );
+    controller.executeCommand('insert-html', htmlString, range);
+
+    controller.selection.selectRange(
+      controller.selection.lastRange.shrinkToVisible()
+    );
+    const containedNodes =
+      controller.selection.lastRange.contextNodes('rangeContains');
+    containedNodes.next();
+    const span = containedNodes.next().value;
+    const finalRange = controller.rangeFactory.fromInNode(span);
+    controller.selection.selectRange(finalRange);
+
+    this.model.writeSelection();
+  }
+}

package/addon/commands/modify-date-command.js

@@ -0,0 +1,42 @@
+export default class ModifyDateCommand {
+  name = 'modify-date';
+
+  constructor(model) {
+    this.model = model;
+  }
+
+  canExecute() {
+    return true;
+  }
+
+  execute(controller, element, dateValue, onlyDate) {
+    this.model.change((mutator) => {
+      const range = controller.rangeFactory.fromInElement(
+        element,
+        0,
+        element.getMaxOffset()
+      );
+      mutator.insertText(
+        range,
+        this.formatDate(dateValue, onlyDate),
+        range.getMarks()
+      );
+      element.attributeMap.set('content', dateValue.toISOString());
+    });
+  }
+
+  formatDate(date, onlyDate) {
+    let options = {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit',
+    };
+    if (onlyDate) {
+      options.hour = undefined;
+      options.minute = undefined;
+    }
+    return date.toLocaleString('nl-BE', options);
+  }
+}

package/addon/components/besluit-type-plugin/besluit-type-select.hbs

@@ -0,0 +1,28 @@
+<div ...attributes>
+  <PowerSelect
+    @renderInPlace={{true}}
+    @searchEnabled={{true}}
+    @searchMessage={{t "besluit-type-plugin.search-message"}}
+    @noMatchesMessage={{t "besluit-type-plugin.no-matches-message"}}
+    @search={{this.search}}
+    @options={{this.besluitTypes}}
+    @selected={{@selected}}
+    @onChange={{@onchange}} as |besluitType|>
+    {{besluitType.label}}
+  </PowerSelect>
+  <p class='au-u-muted au-u-margin-tiny au-u-margin-bottom-small'>
+    {{@selected.definition}}
+  </p>
+  {{#if @showWarningWhenEmpty}}
+    {{#unless @selected}}
+      <AuAlert
+        @icon="alert-triangle"
+        @title={{t "besluit-type-plugin.alert-title"}}
+        @skin="warning"
+        @size="small"
+        class="au-u-margin-bottom-none au-u-margin-top-small">
+      <p>{{t "besluit-type-plugin.alert-body"}}</p>
+      </AuAlert>
+    {{/unless}}
+  {{/if}}
+</div>

package/addon/components/besluit-type-plugin/besluit-type-select.js

@@ -0,0 +1,21 @@
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import { tracked } from '@glimmer/tracking';
+
+export default class BesluitTypePluginBesluitTypeSelectComponent extends Component {
+  @tracked besluitTypes;
+  constructor() {
+    super(...arguments);
+    this.besluitTypes = this.args.besluitTypes.sort((a, b) =>
+      a.label > b.label ? 1 : -1
+    );
+  }
+
+  @action
+  search(term) {
+    const lowerTerm = term.toLowerCase();
+    return this.args.besluitTypes.filter((besluitType) =>
+      besluitType.label.toLowerCase().includes(lowerTerm)
+    );
+  }
+}

package/addon/components/besluit-type-plugin/toolbar-dropdown.hbs

@@ -0,0 +1,83 @@
+{{#if this.showCard}}
+  {{#if this.loadDataTaskInstance.isError}}
+    <AuPill
+      @skin="error"
+      @icon="circle-x"
+      @iconAlignment="left"
+      class="au-c-pill--link"
+      {{on "click" this.toggleCard}}>
+      {{t "besluit-type-plugin.error-short"}}
+    </AuPill>
+  {{else}}
+    {{#if this.besluit.label}}
+      <AuPill
+        @skin="link"
+        {{on "click" this.toggleCard}}>
+        {{t "besluit-type-plugin.dt"}}: {{this.besluit.label}}
+      </AuPill>
+    {{else}}
+      <AuPill
+        @icon="alert-triangle"
+        @iconAlignment="left"
+        @skin="link"
+        {{on "click" this.toggleCard}}>
+        {{t "besluit-type-plugin.insert-dt"}}
+      </AuPill>
+    {{/if}}
+  {{/if}}
+{{/if}}
+{{#if this.cardExpanded}}
+  <AuModal
+    @title={{t "besluit-type-plugin.insert-dt"}}
+    @closeModal={{this.toggleCard}}
+    @modalOpen={{true}}
+    @size='default'
+    class="au-c-modal--overflow"
+    as |Modal|>
+    <Modal.Body>
+      {{#if this.loadDataTaskInstance.isError}}
+        <AuAlert
+          @title={{t "besluit-type-plugin.error-title"}}
+          @skin="error"
+          @icon="cross">
+          <p>
+            {{t "besluit-type-plugin.error-first-body"}}
+{{!-- template-lint-disable no-bare-strings  --}}
+            <AuLinkExternal
+              href="mailto:gelinktnotuleren@vlaanderen.be"
+              @icon="mail"
+              @iconAlignment="left">
+              GelinktNotuleren@vlaanderen.be
+            </AuLinkExternal>
+{{!-- template-lint-enable no-bare-strings  --}}
+            {{t "besluit-type-plugin.error-rest-body"}}
+          </p>
+        </AuAlert>
+      {{else}}
+        <BesluitTypePlugin::BesluitTypeSelect
+          @besluitTypes={{this.types}}
+          @onchange={{this.updateBesluitType}}
+          @selected={{this.besluit}}
+          @showWarningWhenEmpty={{false}}/>
+        {{#if this.besluit.subTypes.length}}
+          <AuHr @size="large"/>
+          <BesluitTypePlugin::BesluitTypeSelect
+            @besluitTypes={{this.besluit.subTypes}}
+            @onchange={{this.updateBesluitSubType}}
+            @selected={{this.subBesluit}}
+            @showWarningWhenEmpty={{true}}
+            class="au-u-padding-left au-u-padding-right"/>
+        {{/if}}
+        {{#if this.subBesluit.subTypes.length}}
+          <AuHr @size="large"/>
+          <BesluitTypePlugin::BesluitTypeSelect
+            @besluitTypes={{this.subBesluit.subTypes}}
+            @onchange={{this.updateBesluitSubSubType}}
+            @selected={{this.subSubBesluit}}
+            @showWarningWhenEmpty={{true}}
+            class="au-u-padding-left au-u-padding-right"/>
+        {{/if}}
+      {{/if}}
+    </Modal.Body>
+  </AuModal>
+{{/if}}

package/addon/components/besluit-type-plugin/toolbar-dropdown.js

@@ -0,0 +1,188 @@
+import { tracked } from '@glimmer/tracking';
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
+import { task } from 'ember-concurrency';
+import { getOwner } from '@ember/application';
+import fetchBesluitTypes from '../../utils/fetchBesluitTypes';
+import { inject as service } from '@ember/service';
+
+export default class BesluitTypePluginToolbarDropdownComponent extends Component {
+  @service currentSession;
+
+  /**
+   * Actual besluit type selected
+   * @property besluitType
+   * @type BesluitType
+   * @private
+   */
+  @tracked besluitType;
+  @tracked previousBesluitType;
+  @tracked types = [];
+
+  //used to update selections since the other vars dont seem to work in octane
+  @tracked besluit;
+  @tracked subBesluit;
+  @tracked subSubBesluit;
+
+  @tracked cardExpanded = false;
+  @tracked showCard = false;
+
+  @tracked loadDataTaskInstance;
+
+  constructor(...args) {
+    super(...args);
+    this.loadDataTaskInstance = this.loadData.perform();
+    this.args.controller.onEvent('selectionChanged', this.getBesluitType);
+  }
+
+  @task
+  *loadData() {
+    const bestuurseenheid = yield this.currentSession.get('group');
+    const classificatie = yield bestuurseenheid.get('classificatie');
+    const ENV = getOwner(this).resolveRegistration('config:environment');
+    const types = yield fetchBesluitTypes(classificatie.uri, ENV);
+    this.types = types;
+  }
+
+  @action
+  getBesluitType() {
+    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', '>http://data.vlaanderen.be/ns/besluit#Besluit')
+      .asQuads()
+      .next().value;
+    if (!besluit) {
+      this.showCard = false;
+      return;
+    }
+    this.showCard = true;
+    const besluitUri = besluit.subject.value;
+    const besluitTypes = limitedDatastore
+      .match(`>${besluitUri}`, 'a', null)
+      .asQuads();
+    const besluitTypesUris = [...besluitTypes].map((quad) => quad.object.value);
+    const besluitTypeRelevant = besluitTypesUris.find((type) =>
+      type.includes('https://data.vlaanderen.be/id/concept/BesluitType/')
+    );
+    this.besluitNode = [
+      ...limitedDatastore
+        .match(`>${besluitUri}`, 'a', null)
+        .asSubjectNodes()
+        .next().value.nodes,
+    ][0];
+    if (besluitTypeRelevant) {
+      this.previousBesluitType = besluitTypeRelevant;
+      const besluitType = this.findBesluitTypeByURI(besluitTypeRelevant);
+
+      const firstAncestor = this.findBesluitTypeParent(besluitType);
+      const secondAncestor = this.findBesluitTypeParent(firstAncestor);
+      if (firstAncestor && secondAncestor) {
+        this.besluit = secondAncestor;
+        this.subBesluit = firstAncestor;
+        this.subSubBesluit = besluitType;
+      } else if (firstAncestor) {
+        this.besluit = firstAncestor;
+        this.subBesluit = besluitType;
+        this.subSubBesluit = undefined;
+      } else {
+        this.besluit = besluitType;
+        this.subBesluit = undefined;
+        this.subSubBesluit = undefined;
+      }
+      this.cardExpanded = false;
+    } else {
+      this.cardExpanded = true;
+      this.besluit = undefined;
+      this.subBesluit = undefined;
+      this.subSubBesluit = undefined;
+    }
+  }
+
+  @action
+  updateBesluitType(selected) {
+    this.besluit = selected;
+    this.besluitType = selected;
+    this.subBesluit = null;
+    this.subSubBesluit = null;
+    if (!selected.subTypes || !selected.subTypes.length) this.insert();
+  }
+
+  @action
+  updateBesluitSubType(selected) {
+    this.subBesluit = selected;
+    this.besluitType = selected;
+    this.subSubBesluit = null;
+    if (!selected.subTypes || !selected.subTypes.length) this.insert();
+  }
+
+  @action
+  updateBesluitSubSubType(selected) {
+    this.subSubBesluit = selected;
+    this.besluitType = selected;
+    if (!selected.subTypes || !selected.subTypes.length) this.insert();
+  }
+
+  findBesluitTypeParent(besluitType, array = this.types, parent = null) {
+    if (!besluitType || !array) {
+      return null;
+    }
+    for (let i = 0; i < array.length; i++) {
+      if (array[i] == besluitType) {
+        return parent;
+      } else if (array[i].subTypes && array[i].subTypes.length) {
+        parent = array[i];
+        return this.findBesluitTypeParent(
+          besluitType,
+          array[i].subTypes,
+          parent
+        );
+      }
+    }
+    return null;
+  }
+
+  findBesluitTypeByURI(uri, types = this.types) {
+    if (uri) {
+      for (const besluitType of types) {
+        if (besluitType.uri === uri) {
+          return besluitType;
+        } else if (besluitType.subTypes && besluitType.subTypes.length) {
+          const subType = this.findBesluitTypeByURI(uri, besluitType.subTypes);
+          if (subType) {
+            return subType;
+          }
+        }
+      }
+    }
+    return null;
+  }
+
+  insert() {
+    this.cardExpanded = false;
+    if (this.previousBesluitType) {
+      this.besluitNode = this.args.controller.executeCommand(
+        'remove-type',
+        this.previousBesluitType,
+        this.besluitNode
+      );
+    }
+
+    this.args.controller.executeCommand(
+      'add-type',
+      this.besluitType.uri,
+      this.besluitNode
+    );
+  }
+
+  @action
+  toggleCard() {
+    this.cardExpanded = !this.cardExpanded;
+  }
+}