@lblod/ember-rdfa-editor-lblod-plugins 5.0.1 → 6.0.0

package/addon/services/roadsign-registry.ts

@@ -1,7 +1,6 @@
 import Service from '@ember/service';
 import { task, timeout } from 'ember-concurrency';
 import { tracked } from '@glimmer/tracking';
-import { getOwner } from '@ember/application';
 import { generateMeasuresQuery } from '../plugins/roadsign-regulation-plugin/utils/fetchData';
 import Instruction from '../models/instruction';
 import Measure from '../models/measure';
@@ -26,32 +25,24 @@ const DEBOUNCE_MS = 100;
 export default class RoadsignRegistryService extends Service {
   @tracked classifications: { value: string; label: string }[] = [];
   instructions: Map<string, Instruction[]> = new Map();
-  endpoint: string;
-  imageBaseUrl: string;
 
   constructor() {
     // eslint-disable-next-line prefer-rest-params
     super(...arguments);
-    const config = getOwner(this).resolveRegistration('config:environment') as {
-      roadsignRegulationPlugin: {
-        imageBaseUrl: string;
-        endpoint: string;
-      };
-    };
-    this.imageBaseUrl = config.roadsignRegulationPlugin.imageBaseUrl;
-    this.endpoint = config.roadsignRegulationPlugin.endpoint;
-    void this.loadClassifications.perform();
   }
 
-  loadClassifications = task(async () => {
-    const result = await this.executeQuery.perform(`
+  loadClassifications = task(async (endpoint: string) => {
+    const result = await this.executeQuery.perform(
+      `
     SELECT DISTINCT ?classificationUri ?classificationLabel  WHERE {
       ?measure ext:relation/ext:concept ?signUri.
       ?signUri org:classification ?classificationUri.
       ?classificationUri a mobiliteit:Verkeersbordcategorie;
         skos:prefLabel ?classificationLabel.
     }
-`);
+`,
+      endpoint
+    );
     const bindings = result.results.bindings;
     this.classifications = bindings.map((binding) => ({
       value: unwrap(binding['classificationUri']?.value),
@@ -60,12 +51,13 @@ export default class RoadsignRegistryService extends Service {
   });
 
   getInstructionsForMeasure = task(
-    async (uri: string): Promise<Instruction[]> => {
+    async (uri: string, endpoint: string): Promise<Instruction[]> => {
       if (this.instructions.has(uri)) {
         return unwrap(this.instructions.get(uri));
       } else {
         const instructions = await this.fetchInstructionsForMeasure.perform(
-          uri
+          uri,
+          endpoint
         );
         this.instructions.set(uri, instructions);
         return instructions;
@@ -76,6 +68,7 @@ export default class RoadsignRegistryService extends Service {
   searchCode = task(
     { restartable: true },
     async (
+      endpoint: string,
       codeString?: string,
       category?: string,
       type?: string,
@@ -125,7 +118,7 @@ export default class RoadsignRegistryService extends Service {
       }
       ORDER BY ASC(?signCode)
     `;
-      const result = await this.executeQuery.perform(query);
+      const result = await this.executeQuery.perform(query, endpoint);
       const codes = result.results.bindings.map((binding) => ({
         value: unwrap(binding['signUri']?.value),
         label: unwrap(binding['signCode']?.value),
@@ -136,14 +129,15 @@ export default class RoadsignRegistryService extends Service {
 
   executeQuery = task(
     async (
-      query: string
+      query: string,
+      endpoint: string
     ): Promise<{
       results: {
         bindings: IBindings[];
       };
     }> => {
       const encodedQuery = encodeURIComponent(`${PREFIXES}\n${query.trim()}`);
-      const response = await fetch(this.endpoint, {
+      const response = await fetch(endpoint, {
         method: 'POST',
         mode: 'cors',
         headers: {
@@ -167,7 +161,7 @@ export default class RoadsignRegistryService extends Service {
   );
 
   fetchInstructionsForMeasure = task(
-    async (uri: string): Promise<Instruction[]> => {
+    async (uri: string, endpoint: string): Promise<Instruction[]> => {
       const query = `SELECT ?name ?template ?annotatedTemplate
            WHERE {
             <${uri}> ext:template/ext:mapping ?mapping.
@@ -178,7 +172,7 @@ export default class RoadsignRegistryService extends Service {
             ext:value ?template.
           }
           `;
-      const result = await this.executeQuery.perform(query);
+      const result = await this.executeQuery.perform(query, endpoint);
       const instructions = result.results.bindings.map((binding) =>
         Instruction.fromBinding(binding)
       );
@@ -188,19 +182,23 @@ export default class RoadsignRegistryService extends Service {
 
   fetchMeasures = task(
     { restartable: true },
-    async ({
-      zonality,
-      type,
-      codes,
-      category,
-      pageStart,
-    }: {
-      zonality?: string;
-      type?: string;
-      codes?: string[];
-      category?: string;
-      pageStart?: number;
-    } = {}) => {
+    async (
+      endpoint: string,
+      imageBaseUrl: string,
+      {
+        zonality,
+        type,
+        codes,
+        category,
+        pageStart,
+      }: {
+        zonality?: string;
+        type?: string;
+        codes?: string[];
+        category?: string;
+        pageStart?: number;
+      } = {}
+    ) => {
       const selectQuery = generateMeasuresQuery({
         zonality,
         type,
@@ -215,7 +213,7 @@ export default class RoadsignRegistryService extends Service {
         category,
         count: true,
       });
-      const countResult = await this.executeQuery.perform(countQuery);
+      const countResult = await this.executeQuery.perform(countQuery, endpoint);
 
       const count = optionMapOr(
         0,
@@ -223,10 +221,14 @@ export default class RoadsignRegistryService extends Service {
         countResult.results.bindings[0]?.['count']?.value
       );
       const measures = [];
-      const result = await this.executeQuery.perform(selectQuery);
+      const result = await this.executeQuery.perform(selectQuery, endpoint);
       for (const binding of result.results.bindings) {
         const measure = Measure.fromBinding(binding);
-        measure.signs = await this.fetchSignsForMeasure.perform(measure.uri);
+        measure.signs = await this.fetchSignsForMeasure.perform(
+          measure.uri,
+          endpoint,
+          imageBaseUrl
+        );
         measure.classifications = makeClassificationSet(measure.signs);
         measures.push(measure);
       }
@@ -234,8 +236,9 @@ export default class RoadsignRegistryService extends Service {
     }
   );
 
-  fetchSignsForMeasure = task(async (uri: string) => {
-    const query = `
+  fetchSignsForMeasure = task(
+    async (uri: string, endpoint: string, imageBaseUrl: string) => {
+      const query = `
 SELECT ?uri ?code ?image ?zonality ?order (GROUP_CONCAT(?classification; SEPARATOR="|") AS ?classifications)
 WHERE {
   <${uri}> ext:relation ?relation.
@@ -251,17 +254,18 @@ WHERE {
   }
   } ORDER BY ASC(?order)
 `;
-    const result = await this.executeQuery.perform(query);
-    const signs = [];
-    for (const binding of result.results.bindings) {
-      const sign = Sign.fromBinding({
-        ...binding,
-        imageBaseUrl: dataFactory.namedNode(this.imageBaseUrl),
-      });
-      signs.push(sign);
+      const result = await this.executeQuery.perform(query, endpoint);
+      const signs = [];
+      for (const binding of result.results.bindings) {
+        const sign = Sign.fromBinding({
+          ...binding,
+          imageBaseUrl: dataFactory.namedNode(imageBaseUrl),
+        });
+        signs.push(sign);
+      }
+      return signs;
     }
-    return signs;
-  });
+  );
 }
 
 function makeClassificationSet(signs: Iterable<Sign>) {

package/addon/utils/find-insertion-pos-in-ancestor-of-type.ts

@@ -0,0 +1,35 @@
+import { NodeType, PNode, Selection } from '@lblod/ember-rdfa-editor';
+import { Option } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option';
+import { findParentNodeOfType } from '@curvenote/prosemirror-utils';
+
+/**
+ * Starting from the given selection, find a suitable position within an ancestor node
+ * of a given type to insert a given node into. Returns null when this fails, aka when
+ * suitable ancestor is found, or when within the found ancestor no suitable position can be found
+ * @param selection
+ * @param ancestorType
+ * @param nodeToInsert
+ */
+export function findInsertionPosInAncestorOfType(
+  selection: Selection,
+  ancestorType: NodeType,
+  nodeToInsert: PNode
+): Option<number> {
+  const { $from } = selection;
+  const ancestor = findParentNodeOfType(ancestorType)(selection);
+  if (!ancestor) {
+    return null;
+  }
+  const insertionIndex = $from.indexAfter(ancestor.depth);
+  const insertionPos = $from.posAtIndex(insertionIndex, ancestor.depth);
+  if (
+    !ancestor.node.canReplaceWith(
+      insertionIndex,
+      insertionIndex,
+      nodeToInsert.type
+    )
+  ) {
+    return null;
+  }
+  return insertionPos;
+}

package/app/components/{besluit-plugin/besluit-plugin-card.js → address-plugin/insert.js}

@@ -1 +1 @@
-export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/besluit-plugin/besluit-plugin-card';
+export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/address-plugin/insert';

package/app/components/decision-plugin/decision-plugin-card.js

@@ -0,0 +1 @@
+export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/decision-plugin/decision-plugin-card';

package/app/components/{besluit-plugin/besluit-context-card.js → validation-plugin/validation-card.js}

@@ -1 +1 @@
-export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/besluit-plugin/besluit-context-card';
+export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/validation-plugin/validation-card';

package/app/components/validation-plugin/validation-item.js

@@ -0,0 +1 @@
+export { default } from '@lblod/ember-rdfa-editor-lblod-plugins/components/validation-plugin/validation-item';

package/app/styles/address-plugin.scss

@@ -0,0 +1,7 @@
+.address-plugin-modal {
+  overflow: visible;
+
+  .au-c-modal__body {
+    overflow: visible;
+  }
+}

package/components/address-plugin/insert.d.ts

@@ -0,0 +1,21 @@
+import Component from '@glimmer/component';
+import { SayController } from '@lblod/ember-rdfa-editor';
+import { AddressSuggestion } from './types';
+type Args = {
+    controller: SayController;
+};
+export default class AddressPluginInsertComponent extends Component<Args> {
+    modalOpen: boolean;
+    isSelectingAddress: boolean;
+    addressSuggestions: AddressSuggestion[];
+    selectedAddress: AddressSuggestion | null;
+    get controller(): SayController;
+    get schema(): import("prosemirror-model").Schema<any, any>;
+    openModal(): void;
+    closeModal(): void;
+    selectAddress(selection: AddressSuggestion): void;
+    get canInsertAddress(): boolean;
+    insertAddress: import("ember-concurrency").TaskForAsyncTaskFunction<unknown, () => Promise<void>>;
+    searchAddress: import("ember-concurrency").TaskForAsyncTaskFunction<unknown, (term: string) => Promise<AddressSuggestion[]>>;
+}
+export {};

package/components/address-plugin/types.d.ts

@@ -0,0 +1,25 @@
+export type AddressSuggestion = {
+    ID: number;
+    FormattedAddress: string;
+    Municipality: string;
+    Thoroughfarename: string;
+    Housenumber: string;
+    Zipcode: string;
+};
+export type Address = {
+    identificator: {
+        id: string;
+        naamruimte: string;
+        objectId: string;
+        versieId: string;
+    };
+    detail: string;
+    huisnummer: string;
+    volledigAdres: {
+        geografischeNaam: {
+            spelling: string;
+            taal: string;
+        };
+    };
+    adresStatus: string;
+};

package/components/address-plugin/utils.d.ts

@@ -0,0 +1,9 @@
+import { Address, AddressSuggestion } from './types';
+export declare const replaceAccents: (string: string) => string;
+export declare function getSuggestedLocations(query: string): Promise<AddressSuggestion[]>;
+export declare function getAddressMatch({ municipality, zipcode, street, housenumber, }: {
+    municipality: string;
+    street: string;
+    housenumber: string;
+    zipcode: string;
+}): Promise<Address[]>;

package/components/besluit-type-plugin/toolbar-dropdown.d.ts

@@ -3,6 +3,7 @@ import { SayController } from '@lblod/ember-rdfa-editor';
 import CurrentSessionService from '@lblod/frontend-gelinkt-notuleren/services/current-session';
 import { ResolvedPNode } from '@lblod/ember-rdfa-editor/plugins/datastore';
 import { BesluitType } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/besluit-type-plugin/utils/fetchBesluitTypes';
+import { BesluitTypePluginOptions } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/besluit-type-plugin';
 declare module 'ember__owner' {
     export default interface Owner {
         resolveRegistration(name: string): unknown;
@@ -10,6 +11,7 @@ declare module 'ember__owner' {
 }
 type Args = {
     controller: SayController;
+    options: BesluitTypePluginOptions;
 };
 export default class EditorPluginsToolbarDropdownComponent extends Component<Args> {
     currentSession: CurrentSessionService;

package/components/{besluit-plugin/besluit-plugin-card.d.ts → decision-plugin/decision-plugin-card.d.ts}

@@ -4,7 +4,10 @@ import IntlService from 'ember-intl/services/intl';
 type Args = {
     controller: SayController;
 };
-export default class BesluitPluginCardComponent extends Component<Args> {
+/**
+ * @deprecated
+ */
+export default class DecisionPluginCard extends Component<Args> {
     intl: IntlService;
     get controller(): SayController;
     focus(): void;

package/components/roadsign-regulation-plugin/measure-template.d.ts

@@ -4,10 +4,12 @@ type Args = {
     template: string;
     measure: string;
     annotated: boolean;
+    endpoint: string;
 };
 export default class MeasureTemplateComponent extends Component<Args> {
     roadsignRegistry: RoadsignRegistryService;
     template: string;
+    endpoint: string;
     constructor(parent: unknown, args: Args);
     fetchData: import("ember-concurrency").TaskForAsyncTaskFunction<unknown, () => Promise<void>>;
 }

package/components/roadsign-regulation-plugin/roadsigns-modal.d.ts

@@ -3,6 +3,7 @@ import RoadsignRegistryService from '@lblod/ember-rdfa-editor-lblod-plugins/serv
 import Measure from '@lblod/ember-rdfa-editor-lblod-plugins/models/measure';
 import { SayController } from '@lblod/ember-rdfa-editor';
 import IntlService from 'ember-intl/services/intl';
+import { RoadsignRegulationPluginOptions } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/roadsign-regulation-plugin';
 type Option = {
     label: string;
     value: string;
@@ -14,9 +15,11 @@ type Category = Option;
 type Args = {
     closeModal: () => void;
     controller: SayController;
+    options: RoadsignRegulationPluginOptions;
 };
 export default class RoadsignRegulationCard extends Component<Args> {
     endpoint: string;
+    imageBaseUrl: string;
     pageSize: number;
     roadsignRegistry: RoadsignRegistryService;
     intl: IntlService;

package/components/roadsign-regulation-plugin/roadsigns-table.d.ts

@@ -1,5 +1,10 @@
 import Component from '@glimmer/component';
-type Args = Record<string, never>;
+import { SayController } from '@lblod/ember-rdfa-editor';
+import { RoadsignRegulationPluginOptions } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/roadsign-regulation-plugin';
+type Args = {
+    controller: SayController;
+    options: RoadsignRegulationPluginOptions;
+};
 export default class RoadsignsTable extends Component<Args> {
     selected?: string;
     imageBaseUrl: string;

package/components/validation-plugin/validation-card.d.ts

@@ -0,0 +1,13 @@
+import Component from '@glimmer/component';
+import { SayController } from '@lblod/ember-rdfa-editor';
+import { ValidationReport } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/validation';
+interface Args {
+    report: ValidationReport;
+    controller?: SayController;
+    title: string;
+}
+export default class ValidationCardComponent extends Component<Args> {
+    get shouldShow(): boolean;
+    get results(): import("@lblod/ember-rdfa-editor-lblod-plugins/plugins/validation").ValidationResult[];
+}
+export {};

package/components/validation-plugin/validation-item.d.ts

@@ -0,0 +1,18 @@
+import Component from '@glimmer/component';
+import { SayController } from '@lblod/ember-rdfa-editor';
+import { ValidationResult } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/validation';
+import IntlService from 'ember-intl/services/intl';
+interface Args {
+    icon?: string;
+    result: ValidationResult;
+    controller?: SayController;
+}
+export default class ValidationItem extends Component<Args> {
+    intl: IntlService;
+    get result(): ValidationResult;
+    get message(): string;
+    get skin(): "error" | "info" | "warning";
+    get icon(): "info-circle" | "alert-triangle" | "cross";
+    get controller(): SayController | undefined;
+}
+export {};

package/components/variable-plugin/template-variable-card.d.ts

@@ -2,8 +2,10 @@ import Component from '@glimmer/component';
 import { SayController } from '@lblod/ember-rdfa-editor';
 import { CodeListOption } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/fetch-data';
 import { PNode } from '@lblod/ember-rdfa-editor';
+import { TemplateVariablePluginOptions } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin';
 type Args = {
     controller: SayController;
+    options: TemplateVariablePluginOptions;
 };
 export default class EditorPluginsTemplateVariableCardComponent extends Component<Args> {
     variableOptions: CodeListOption[];
@@ -15,10 +17,6 @@ export default class EditorPluginsTemplateVariableCardComponent extends Componen
     showCard: boolean;
     multiSelect: boolean;
     mappingUri?: string;
-    zonalLocationCodelistUri: string;
-    endpoint: string;
-    nonZonalLocationCodelistUri: string;
-    constructor(parent: unknown, args: Args);
     get controller(): SayController;
     insert(): void;
     wrapVariableInHighlight(text: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lblod/ember-rdfa-editor-lblod-plugins",
-  "version": "5.0.1",
+  "version": "6.0.0",
   "description": "Ember addon providing lblod specific plugins for the ember-rdfa-editor",
   "keywords": [
     "ember-addon",

package/plugins/besluit-type-plugin/index.d.ts

@@ -0,0 +1,3 @@
+export type BesluitTypePluginOptions = {
+    endpoint: string;
+};

package/plugins/besluit-type-plugin/utils/fetchBesluitTypes.d.ts

@@ -5,8 +5,4 @@ export type BesluitType = {
     broader: string;
     subTypes?: BesluitType[];
 };
-export default function fetchBesluitTypes(classificationUri: string, ENV: {
-    besluitTypePlugin: {
-        endpoint: string;
-    };
-}): Promise<BesluitType[]>;
+export default function fetchBesluitTypes(classificationUri: string, endpoint: string): Promise<BesluitType[]>;

package/plugins/decision-plugin/commands/index.d.ts

@@ -0,0 +1,4 @@
+export { default as insertTitle } from './insert-title';
+export { default as insertArticleContainer } from './insert-article-container';
+export { default as insertDescription } from './insert-description';
+export { default as insertMotivation } from './insert-motivation';

package/plugins/decision-plugin/commands/insert-article-container.d.ts

@@ -0,0 +1,8 @@
+import { Command } from '@lblod/ember-rdfa-editor';
+import IntlService from 'ember-intl/services/intl';
+interface InsertArticleContainerArgs {
+    intl: IntlService;
+    validateShapes?: Set<string>;
+}
+export default function insertArticleContainer({ intl, validateShapes, }: InsertArticleContainerArgs): Command;
+export {};

package/plugins/decision-plugin/commands/insert-description.d.ts

@@ -0,0 +1,7 @@
+import { EditorState, Transaction } from '@lblod/ember-rdfa-editor';
+interface InsertDescriptionArgs {
+    placeholderText: string;
+    validateShapes?: Set<string>;
+}
+export default function insertDescription({ placeholderText, validateShapes, }: InsertDescriptionArgs): (state: EditorState, dispatch?: ((tr: Transaction) => void) | undefined) => boolean;
+export {};

package/plugins/decision-plugin/commands/insert-motivation.d.ts

@@ -0,0 +1,7 @@
+import { Command } from '@lblod/ember-rdfa-editor';
+interface InsertMotivationArgs {
+    placeholderText?: string;
+    validateShapes?: Set<string>;
+}
+export default function insertMotivation({ validateShapes, placeholderText, }?: InsertMotivationArgs): Command;
+export {};

package/plugins/decision-plugin/commands/insert-title.d.ts

@@ -0,0 +1,7 @@
+import { EditorState, Transaction } from '@lblod/ember-rdfa-editor';
+interface InsertTitleArgs {
+    placeholderText: string;
+    validateShapes?: Set<string>;
+}
+export default function insertTitle({ placeholderText, validateShapes, }: InsertTitleArgs): (state: EditorState, dispatch?: ((tr: Transaction) => void) | undefined) => boolean;
+export {};

package/plugins/roadsign-regulation-plugin/index.d.ts

@@ -0,0 +1,4 @@
+export type RoadsignRegulationPluginOptions = {
+    endpoint: string;
+    imageBaseUrl: string;
+};

package/plugins/validation/index.d.ts

@@ -0,0 +1,62 @@
+import { EditorState, NodeType, PluginKey, PNode, ProsePlugin, Schema, Transaction } from '@lblod/ember-rdfa-editor';
+import { Option } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option';
+export declare function validateTransaction(state: EditorState, tr: Transaction): ValidationReport;
+export declare const VALIDATION_KEY: PluginKey<ValidationState>;
+export interface ValidationSpec {
+    [key: string]: ValidationShape[];
+}
+export type ValidationState = {
+    report: ValidationReport;
+    spec: ValidationSpec;
+};
+export type PropertyPath = string[];
+export type Severity = 'info' | 'warning' | 'violation';
+export interface ValidationReport {
+    conforms: boolean;
+    results?: ValidationResult[];
+}
+export type ValidationPlugin = ProsePlugin<ValidationState>;
+export interface MinCountConstraint {
+    kind: 'minCount';
+    value: number;
+}
+export interface MaxCountConstraint {
+    kind: 'maxCount';
+    value: number;
+}
+export type ValidationConstraint = MinCountConstraint | MaxCountConstraint;
+export type ConstraintMap = {
+    [C in ValidationConstraint as C['kind']]?: C['value'];
+};
+export type ConstraintValidator = (constraint: ValidationConstraint, shapeContext: ShapeContext) => Option<ValidationResult>;
+export type ConstraintValidatorMap = {
+    [C in ValidationConstraint as C['kind']]: ConstraintValidator;
+};
+export interface ValidationShape {
+    name: string;
+    focusNodeType: NodeType;
+    path: string[] | number[];
+    message?: string;
+    constraints?: ConstraintMap;
+    severity?: Severity;
+}
+export interface ValidationResult {
+    focusNode: PNode;
+    resultPath: PNode[];
+    value?: unknown;
+    sourceShape: ValidationShape;
+    sourceConstraint: ValidationConstraint;
+    message: string;
+    severity: Severity;
+}
+export interface ValidationPluginConfig {
+    shapes: ValidationShape[];
+}
+export declare function validation(configurator: (schema: Schema) => ValidationPluginConfig): ValidationPlugin;
+interface ShapeContext {
+    shape: ValidationShape;
+    focusNode: PNode;
+    count: number;
+    path: PNode[];
+}
+export {};

package/plugins/validation/utils/transaction-complies-with-shapes.d.ts

@@ -0,0 +1,10 @@
+import { EditorState, Transaction } from '@lblod/ember-rdfa-editor';
+/**
+ * Validate a given transaction against a given set of shapes. Returns true when the
+ * state after applying the transaction is valid according to all given shapes,
+ * false otherwise.
+ * @param state the state the transaction was created from
+ * @param tr
+ * @param validateShapes
+ */
+export declare function transactionCompliesWithShapes(state: EditorState, tr: Transaction, validateShapes?: Set<string>): boolean;

package/plugins/variable-plugin/index.d.ts

@@ -0,0 +1,5 @@
+export type TemplateVariablePluginOptions = {
+    endpoint: string;
+    zonalLocationCodelistUri: string;
+    nonZonalLocationCodelistUri: string;
+};