@lblod/ember-rdfa-editor-lblod-plugins 22.4.0 → 22.4.1-dev.231e70cba3693ffca0bf8b8cfa53c06efaf0e451

package/.changeset/mighty-guests-peel.md

@@ -0,0 +1,5 @@
+---
+'@lblod/ember-rdfa-editor-lblod-plugins': minor
+---
+
+Allow resources imported into snippet placeholders to be linked to resources in the document

package/.changeset/yellow-tables-live.md

@@ -0,0 +1,5 @@
+---
+'@lblod/ember-rdfa-editor-lblod-plugins': patch
+---
+
+Add error handling to lmb-plugin

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lblod/ember-rdfa-editor-lblod-plugins
 
+## 22.4.1
+
+### Patch Changes
+
+- [#474](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/474) [`714f260`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/714f260e2c9024fe8ea3f031b42b746fd2ac0c26) Thanks [@elpoelma](https://github.com/elpoelma)! - LMB-plugin: query mandatees using `application/x-www-form-urlencoded` approach
+
 ## 22.4.0
 
 ### Minor Changes

package/addon/components/lmb-plugin/list.hbs

@@ -37,7 +37,7 @@
     </tr>
   </:header>
   <:body>
-    {{#unless (or @services.isRunning @error)}}
+    {{#unless @services.isRunning}}
       {{#if @services.value.totalCount}}
         {{#each @services.value.results as |row|}}
           <tr>

package/addon/components/lmb-plugin/search-modal.hbs

@@ -36,13 +36,16 @@
       </mc.sidebar>
       <mc.content @scroll={{true}}>
         <div class='worship-modal--list-container'>
-          <LmbPlugin::List
-            @error={{this.error}}
-            @services={{this.servicesResource}}
-            @sort={{this.sort}}
-            @setSort={{this.setSort}}
-            @insert={{@onInsert}}
-          />
+          {{#if this.error}}
+            <Common::Search::AlertLoadError @error={{this.error}} />
+          {{else}}
+            <LmbPlugin::List
+              @services={{this.servicesResource}}
+              @sort={{this.sort}}
+              @setSort={{this.setSort}}
+              @insert={{@onInsert}}
+            />
+          {{/if}}
         </div>
         {{#if this.servicesResource.value.totalCount}}
           {{#let

package/addon/components/lmb-plugin/search-modal.ts

@@ -42,10 +42,17 @@ export default class LmbPluginSearchModalComponent extends Component<Args> {
     return fetchMandatees({ endpoint: this.args.config.endpoint });
   });
 
+  // TODO Either make this a trackedFunction or do filtering on the query and correctly pass an
+  // AbortController
   search = restartableTask(async () => {
     // Can't do what I want, so if the user modifies the filter before resolving the query will run again
     if (!this.fetchData.lastComplete) {
-      await this.fetchData.perform();
+      try {
+        await this.fetchData.perform();
+      } catch (err) {
+        console.error('Got an error fetching LMB data', err);
+        this.error = err;
+      }
     }
 
     if (!this.fetchData.lastComplete?.value) return;

package/addon/components/snippet-plugin/nodes/snippet.gts

@@ -1,29 +1,27 @@
 import Component from '@glimmer/component';
 import { on } from '@ember/modifier';
-import AuIcon from '@appuniversum/ember-appuniversum/components/au-icon';
-import { type EmberNodeArgs } from '@lblod/ember-rdfa-editor/utils/_private/ember-node';
 import SearchModal from '../search-modal';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
+import t from 'ember-intl/helpers/t';
+import AuIcon from '@appuniversum/ember-appuniversum/components/au-icon';
 import { SynchronizeIcon } from '@appuniversum/ember-appuniversum/components/icons/synchronize';
 import { BinIcon } from '@appuniversum/ember-appuniversum/components/icons/bin';
 import { AddIcon } from '@appuniversum/ember-appuniversum/components/icons/add';
+import { type EmberNodeArgs } from '@lblod/ember-rdfa-editor/utils/_private/ember-node';
 import {
-  PNode,
+  type PNode,
   ProseParser,
-  Selection,
+  type Selection,
   Slice,
-  Transaction,
 } from '@lblod/ember-rdfa-editor';
-import { htmlToDoc } from '@lblod/ember-rdfa-editor/utils/_private/html-utils';
+import { findAncestors } from '@lblod/ember-rdfa-editor/utils/position-utils';
 import {
   EXT,
   RDF,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
-import { findAncestors } from '@lblod/ember-rdfa-editor/utils/position-utils';
 import { hasOutgoingNamedNodeTriple } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace';
-import { v4 as uuidv4 } from 'uuid';
-import t from 'ember-intl/helpers/t';
+import { createAndInsertSnippet } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/nodes/snippet';
 
 interface Signature {
   Args: EmberNodeArgs;
@@ -91,7 +89,6 @@ export default class SnippetNode extends Component<Signature> {
   }
   @action
   onInsert(content: string, title: string) {
-    const assignedSnippetListsIds = this.node.attrs.assignedSnippetListsIds;
     let rangeStart = 0;
     let rangeEnd = 0;
     if (this.args.getPos() === undefined) return;
@@ -110,28 +107,18 @@ export default class SnippetNode extends Component<Signature> {
     const documentDiv = parsed.querySelector('div[data-say-document="true"]');
 
     this.closeModal();
-    const parser = ProseParser.fromSchema(this.controller.schema);
 
     if (documentDiv) {
-      return this.controller.withTransaction((tr: Transaction) => {
-        return tr.replaceRangeWith(
-          rangeStart,
-          rangeEnd,
-          this.controller.schema.node(
-            'snippet',
-            {
-              assignedSnippetListsIds,
-              title,
-              subject: `http://data.lblod.info/snippets/${uuidv4()}`,
-            },
-            htmlToDoc(content, {
-              schema: this.controller.schema,
-              parser,
-              editorView: this.controller.mainEditorView,
-            }).content,
-          ),
-        );
-      });
+      return createAndInsertSnippet(
+        {
+          controller: this.controller,
+          content,
+          title,
+          snippetListIds: this.node.attrs.assignedSnippetListsIds,
+          importedResources: this.node.attrs.importedResources,
+        },
+        (tr, snippet) => tr.replaceRangeWith(rangeStart, rangeEnd, snippet),
+      );
     }
 
     this.controller.withTransaction((tr) =>

package/addon/components/snippet-plugin/search-modal.ts

@@ -11,7 +11,7 @@ import { SnippetPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plug
 
 interface Args {
   config: SnippetPluginConfig;
-  assignedSnippetListsIds: string[];
+  assignedSnippetListsIds: string[] | undefined;
   closeModal: () => void;
   open: boolean;
   onInsert: (content: string, title: string) => void;

package/addon/components/snippet-plugin/snippet-insert-placeholder.gts

@@ -7,7 +7,10 @@ import not from 'ember-truth-helpers/helpers/not';
 import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
 import { AddIcon } from '@appuniversum/ember-appuniversum/components/icons/add';
 import { type NodeType, type SayController } from '@lblod/ember-rdfa-editor';
-import { type SnippetPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import {
+  type SnippetPluginConfig,
+  type SnippetList,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
 import { createSnippetPlaceholder } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/nodes/snippet-placeholder';
 import SnippetListModal from '@lblod/ember-rdfa-editor-lblod-plugins/components/snippet-plugin/snippet-list/snippet-list-modal';
 
@@ -35,19 +38,17 @@ export default class SnippetPluginSnippetInsertPlaceholder extends Component<Sig
   }
 
   @action
-  insertPlaceholder(listIds: string[], listNames: string[]) {
-    const node = createSnippetPlaceholder(
-      listIds,
-      listNames,
-      this.args.controller.schema,
-    );
+  insertPlaceholder(lists: SnippetList[] | undefined) {
+    if (lists) {
+      const node = createSnippetPlaceholder(lists, this.args.controller.schema);
 
-    this.args.controller.withTransaction(
-      (tr) => {
-        return tr.replaceSelectionWith(node);
-      },
-      { view: this.args.controller.mainEditorView },
-    );
+      this.args.controller.withTransaction(
+        (tr) => {
+          return tr.replaceSelectionWith(node);
+        },
+        { view: this.args.controller.mainEditorView },
+      );
+    }
   }
 
   <template>
@@ -65,7 +66,7 @@ export default class SnippetPluginSnippetInsertPlaceholder extends Component<Sig
     <SnippetListModal
       @config={{@config}}
       @assignedSnippetListsIds={{empty}}
-      @onSaveSnippetListIds={{this.insertPlaceholder}}
+      @onSaveSnippetLists={{this.insertPlaceholder}}
       @open={{this.isModalOpen}}
       @closeModal={{this.closeModal}}
     />

package/addon/components/snippet-plugin/snippet-insert-rdfa.gts

@@ -0,0 +1,82 @@
+import { isResourceNode } from '@lblod/ember-rdfa-editor/utils/node-utils';
+import Component from '@glimmer/component';
+
+import { SayController } from '@lblod/ember-rdfa-editor';
+import {
+  type ImportedResourceMap,
+  type SnippetPluginConfig,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import { findParentNodeClosestToPos } from '@curvenote/prosemirror-utils';
+import {
+  getAssignedSnippetListsIdsFromProperties,
+  getSnippetListIdsProperties,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/utils/rdfa-predicate';
+import { ResolvedPNode } from '@lblod/ember-rdfa-editor/utils/_private/types';
+import SnippetInsert from './snippet-insert';
+
+interface Sig {
+  Args: {
+    controller: SayController;
+    config: SnippetPluginConfig;
+    node: ResolvedPNode;
+  };
+}
+
+export default class SnippetInsertRdfaComponent extends Component<Sig> {
+  get disableInsert() {
+    return (this.snippetListProperties?.listIds.length ?? 0) === 0;
+  }
+
+  get snippetListProperties():
+    | { listIds: string[]; importedResources: ImportedResourceMap }
+    | undefined {
+    const activeNode = this.args.node.value;
+    const activeNodeSnippetListIds = getSnippetListIdsProperties(activeNode);
+
+    if (activeNodeSnippetListIds.length > 0) {
+      return {
+        listIds: getAssignedSnippetListsIdsFromProperties(
+          activeNodeSnippetListIds,
+        ),
+        importedResources: activeNode.attrs.importedResources,
+      };
+    }
+
+    if (this.args.node.pos < 0) {
+      return undefined;
+    }
+
+    // If active node isn't a snippet list, go up until we find one
+    const doc = this.args.controller.mainEditorState.doc;
+    const pos = doc.resolve(this.args.node.pos);
+    let parentNode = findParentNodeClosestToPos(pos, (node) =>
+      isResourceNode(node),
+    );
+    while (parentNode) {
+      const properties = getSnippetListIdsProperties(parentNode.node);
+
+      if (properties.length > 0) {
+        return {
+          listIds: getAssignedSnippetListsIdsFromProperties(properties),
+          importedResources: parentNode.node.attrs.importedResources,
+        };
+      }
+
+      parentNode = findParentNodeClosestToPos(
+        doc.resolve(parentNode.pos),
+        (node) => isResourceNode(node),
+      );
+    }
+
+    return undefined;
+  }
+
+  <template>
+    <SnippetInsert
+      @config={{@config}}
+      @controller={{@controller}}
+      @snippetListProperties={{this.snippetListProperties}}
+      @disabled={{this.disableInsert}}
+    />
+  </template>
+}

package/addon/components/snippet-plugin/snippet-insert.gts

@@ -0,0 +1,109 @@
+import { action } from '@ember/object';
+import { on } from '@ember/modifier';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import t from 'ember-intl/helpers/t';
+import { AddIcon } from '@appuniversum/ember-appuniversum/components/icons/add';
+import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
+import {
+  ProseParser,
+  type SayController,
+  Slice,
+} from '@lblod/ember-rdfa-editor';
+import { SnippetPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import { createAndInsertSnippet } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/nodes/snippet';
+import { type ImportedResourceMap } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import SearchModal from './search-modal';
+
+interface Sig {
+  Args: {
+    controller: SayController;
+    config: SnippetPluginConfig;
+    snippetListProperties:
+      | { listIds: string[]; importedResources: ImportedResourceMap }
+      | undefined;
+    disabled?: boolean;
+  };
+}
+
+export default class SnippetInsertComponent extends Component<Sig> {
+  @tracked showModal = false;
+
+  get controller() {
+    return this.args.controller;
+  }
+
+  @action
+  openModal() {
+    this.controller.focus();
+    this.showModal = true;
+  }
+
+  @action
+  closeModal() {
+    this.showModal = false;
+  }
+
+  createSliceFromElement(element: Element) {
+    return new Slice(
+      ProseParser.fromSchema(this.controller.schema).parse(element, {
+        preserveWhitespace: true,
+      }).content,
+      0,
+      0,
+    );
+  }
+
+  @action
+  onInsert(content: string, title: string) {
+    const domParser = new DOMParser();
+    const parsed = domParser.parseFromString(content, 'text/html').body;
+    const documentDiv = parsed.querySelector('div[data-say-document="true"]');
+
+    this.closeModal();
+    const assignedSnippetListProperties = this.args.snippetListProperties;
+
+    if (documentDiv && assignedSnippetListProperties) {
+      return createAndInsertSnippet(
+        {
+          controller: this.controller,
+          content,
+          title,
+          snippetListIds: assignedSnippetListProperties.listIds,
+          importedResources: assignedSnippetListProperties.importedResources,
+        },
+        (tr, snippet) => tr.replaceSelectionWith(snippet),
+      );
+    } else {
+      return this.controller.withTransaction((tr) =>
+        tr.replaceSelection(this.createSliceFromElement(parsed)),
+      );
+    }
+  }
+
+  get disabled() {
+    return this.args.disabled ?? false;
+  }
+
+  <template>
+    <li class='au-c-list__item'>
+      <AuButton
+        @icon={{AddIcon}}
+        @iconAlignment='left'
+        @skin='link'
+        @disabled={{this.disabled}}
+        {{on 'click' this.openModal}}
+      >
+        {{t 'snippet-plugin.insert.title'}}
+      </AuButton>
+    </li>
+
+    <SearchModal
+      @open={{this.showModal}}
+      @closeModal={{this.closeModal}}
+      @config={{@config}}
+      @onInsert={{this.onInsert}}
+      @assignedSnippetListsIds={{@snippetListProperties.listIds}}
+    />
+  </template>
+}

package/addon/components/snippet-plugin/snippet-list/snippet-list-modal.hbs

@@ -40,7 +40,7 @@
             <AuButton
               @skin='primary'
               {{on 'click' this.saveAndClose}}
-              @disabled={{@onSaveSnippetListIds.isRunning}}
+              @disabled={{@onSaveSnippetLists.isRunning}}
             >
               {{t 'snippet-plugin.snippet-list.modal.button.update'}}
             </AuButton>

package/addon/components/snippet-plugin/snippet-list/snippet-list-modal.ts

@@ -19,8 +19,8 @@ import { trackedReset } from 'tracked-toolbox';
 interface Signature {
   Args: {
     config: SnippetPluginConfig;
-    onSaveSnippetListIds: (listIds: string[], listNames: string[]) => void;
-    assignedSnippetListsIds: string[];
+    onSaveSnippetLists: (lists: SnippetList[]) => void;
+    assignedSnippetListsIds: string[] | undefined;
     closeModal: () => void;
     open: boolean;
   };
@@ -37,7 +37,9 @@ export default class SnippetListModalComponent extends Component<Signature> {
   @tracked error: unknown;
 
   @trackedReset('args.assignedSnippetListsIds')
-  assignedSnippetListsIds: string[] = [...this.args.assignedSnippetListsIds];
+  assignedSnippetListsIds: string[] = [
+    ...(this.args.assignedSnippetListsIds ?? []),
+  ];
 
   get config() {
     return this.args.config;
@@ -50,15 +52,10 @@ export default class SnippetListModalComponent extends Component<Signature> {
 
   @action
   saveAndClose() {
-    const snippetListNames: string[] = this.snippetListResource.value
-      ?.filter((snippetList) =>
-        this.assignedSnippetListsIds.includes(snippetList.id as string),
-      )
-      .map((snippetList) => snippetList.label) as string[];
-    this.args.onSaveSnippetListIds(
-      this.assignedSnippetListsIds,
-      snippetListNames,
+    const snippetLists = this.snippetListResource.value?.filter((snippetList) =>
+      this.assignedSnippetListsIds.includes(snippetList.id),
     );
+    this.args.onSaveSnippetLists(snippetLists || []);
     this.args.closeModal();
     // Clear selection for next time
     this.assignedSnippetListsIds = [];

package/addon/components/snippet-plugin/snippet-list/snippet-list-view.hbs

@@ -6,7 +6,8 @@
     (t 'snippet-plugin.snippet-list.modal.table.select')
     (t 'snippet-plugin.snippet-list.modal.subtitle')
     (t 'snippet-plugin.snippet-list.modal.search.label')
-    as |list created select subtitle search|
+    (t 'snippet-plugin.snippet-list.modal.table.imported-resources')
+    as |list created select subtitle search imported|
   }}
     <AuDataTable
       @content={{this.snippetLists}}
@@ -39,6 +40,7 @@
             @currentSorting={{@sort}}
             @class='data-table__header-title'
           />
+          <th>{{imported}}</th>
           <AuDataTableThSortable
             @field='createdOn'
             @label={{created}}
@@ -55,6 +57,7 @@
             />
           </td>
           <td>{{row.label}}</td>
+          <td>{{row.importedResources}}</td>
           <td class='snippet-list-table-created-column'>{{row.createdOn}}</td>
         </c.body>
       </t.content>

package/addon/components/snippet-plugin/snippet-list-select-rdfa.gts

@@ -0,0 +1,25 @@
+import { TemplateOnlyComponent } from '@ember/component/template-only';
+import { SayController } from '@lblod/ember-rdfa-editor';
+import { type ResolvedPNode } from '@lblod/ember-rdfa-editor/utils/_private/types';
+import { type SnippetPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import SnippetListSelect from '@lblod/ember-rdfa-editor-lblod-plugins/components/snippet-plugin/snippet-list-select';
+
+interface Sig {
+  Args: {
+    controller: SayController;
+    config: SnippetPluginConfig;
+    node: ResolvedPNode;
+  };
+}
+
+/** @deprecated Use snippet-list-select directly */
+const SnippetListSelectRdfaComponent: TemplateOnlyComponent<Sig> = <template>
+  <SnippetListSelect
+    @controller={{@controller}}
+    @config={{@config}}
+    @node={{@node}}
+  />
+</template>;
+
+/** @deprecated Use snippet-list-select directly */
+export default SnippetListSelectRdfaComponent;

package/addon/components/snippet-plugin/snippet-list-select.gts

@@ -0,0 +1,104 @@
+import { action } from '@ember/object';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { on } from '@ember/modifier';
+import t from 'ember-intl/helpers/t';
+import { UnorderedListIcon } from '@appuniversum/ember-appuniversum/components/icons/unordered-list';
+import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
+import { type SayController } from '@lblod/ember-rdfa-editor';
+import { type ResolvedPNode } from '@lblod/ember-rdfa-editor/utils/_private/types';
+import { isResourceNode } from '@lblod/ember-rdfa-editor/utils/node-utils';
+import { type OutgoingTriple } from '@lblod/ember-rdfa-editor/core/rdfa-processor';
+import SnippetListModal from '@lblod/ember-rdfa-editor-lblod-plugins/components/snippet-plugin/snippet-list/snippet-list-modal';
+import {
+  type ImportedResourceMap,
+  type SnippetPluginConfig,
+  type SnippetList,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import {
+  getAssignedSnippetListsIdsFromProperties,
+  getSnippetListIdsProperties,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/utils/rdfa-predicate';
+import { updateSnippetPlaceholder } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/commands';
+
+interface Signature {
+  Args: {
+    controller: SayController;
+    config: SnippetPluginConfig;
+    node: ResolvedPNode;
+  };
+}
+
+export default class SnippetListSelect extends Component<Signature> {
+  @tracked showModal = false;
+
+  @action
+  openModal() {
+    this.showModal = true;
+  }
+  @action
+  closeModal() {
+    this.showModal = false;
+  }
+
+  get currentResource() {
+    return this.args.node.value.attrs.subject as string | undefined;
+  }
+
+  get isResourceNode() {
+    return isResourceNode(this.args.node.value);
+  }
+
+  get snippetListIdsProperties(): OutgoingTriple[] {
+    return getSnippetListIdsProperties(this.args.node.value);
+  }
+
+  get assignedSnippetListsIds(): string[] {
+    return getAssignedSnippetListsIdsFromProperties(
+      this.snippetListIdsProperties,
+    );
+  }
+
+  get imported(): ImportedResourceMap {
+    return this.args.node.value.attrs['importedResources'];
+  }
+
+  @action
+  onSaveSnippetLists(lists: SnippetList[]) {
+    if (this.currentResource) {
+      this.args.controller?.doCommand(
+        updateSnippetPlaceholder({
+          resource: this.currentResource,
+          oldSnippetProperties: this.snippetListIdsProperties ?? [],
+          newSnippetLists: lists,
+          oldImportedResources: this.imported,
+          node: this.args.node,
+        }),
+        {
+          view: this.args.controller.mainEditorView,
+        },
+      );
+    }
+  }
+
+  <template>
+    {{#if this.isResourceNode}}
+      <AuButton
+        @icon={{UnorderedListIcon}}
+        @skin='secondary'
+        @iconAlignment='left'
+        {{on 'click' this.openModal}}
+      >
+        {{t 'snippet-plugin.snippet-list.open-modal'}}
+      </AuButton>
+
+      <SnippetListModal
+        @config={{@config}}
+        @assignedSnippetListsIds={{this.assignedSnippetListsIds}}
+        @onSaveSnippetLists={{this.onSaveSnippetLists}}
+        @open={{this.showModal}}
+        @closeModal={{this.closeModal}}
+      />
+    {{/if}}
+  </template>
+}

package/addon/plugins/lmb-plugin/utils/fetchMandatees.ts

@@ -1,24 +1,12 @@
 import Mandatee from '@lblod/ember-rdfa-editor-lblod-plugins/models/mandatee';
-import { IBindings } from 'fetch-sparql-endpoint';
-
-type SparqlResponse = {
-  results: {
-    bindings: IBindings[];
-  };
-};
+import { executeQuery } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/sparql-helpers';
 
 type FetchMandateesArgs = {
   endpoint: string;
 };
 
 export async function fetchMandatees({ endpoint }: FetchMandateesArgs) {
-  const queryResponse = await fetch(endpoint, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
-    },
-    body: JSON.stringify({
-      query: `
+  const query = `
       PREFIX besluit: <http://data.vlaanderen.be/ns/besluit#>
       PREFIX skos: <http://www.w3.org/2004/02/skos/core#>
       PREFIX mandaat: <http://data.vlaanderen.be/ns/mandaat#>
@@ -46,10 +34,11 @@ export async function fetchMandatees({ endpoint }: FetchMandateesArgs) {
           }
           filter (!bound(?endDate) || ?endDate > now()).
       }
-      `,
-    }),
+      `;
+  const response = await executeQuery({
+    query,
+    endpoint,
   });
-  const queryJson: SparqlResponse = await queryResponse.json();
-  const mandatees = queryJson.results.bindings.map(Mandatee.fromBinding);
+  const mandatees = response.results.bindings.map(Mandatee.fromBinding);
   return mandatees;
 }

package/addon/plugins/snippet-plugin/commands/index.ts

@@ -1 +1 @@
-export { default as updateSnippetPlaceholder } from './update-snippet-ids';
+export { updateSnippetPlaceholder } from './update-snippet-placeholder';