@lblod/ember-rdfa-editor-lblod-plugins 1.0.0-beta.1 → 1.0.0-beta.2

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

@@ -0,0 +1,42 @@
+/**
+ *
+ * Based on the footnotes example from https://github.com/ProseMirror/website
+ *
+ * Copyright (C) 2015-2017 by Marijn Haverbeke <marijnh@gmail.com> and others
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+import Component from '@glimmer/component';
+import { RdfaEditorView, Schema, Transaction } from '@lblod/ember-rdfa-editor';
+import { EmberNodeArgs } from '@lblod/ember-rdfa-editor/utils/ember-node';
+import IntlService from 'ember-intl/services/intl';
+export default class Variable extends Component<EmberNodeArgs> {
+    intl: IntlService;
+    innerView: RdfaEditorView | null;
+    contentWrapper: Element | null;
+    get outerView(): import("prosemirror-view").EditorView;
+    get node(): import("prosemirror-model").Node;
+    get pos(): number;
+    get htmlContent(): import("@ember/template/-private/handlebars").SafeString;
+    get schema(): Schema<"text" | "hard_break" | "date" | "invisible_rdfa" | "placeholder" | "paragraph" | "doc" | "block_rdfa" | "repaired_block", "em" | "link" | "strong" | "underline" | "inline_rdfa" | "strikethrough">;
+    onFocus(): void;
+    didInsertContentWrapper(target: Element): void;
+    onNodeUpdate(): void;
+    dispatchInner: (tr: Transaction) => void;
+    willDestroy(): void;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lblod/ember-rdfa-editor-lblod-plugins",
-  "version": "1.0.0-beta.1",
+  "version": "1.0.0-beta.2",
   "description": "Ember addon providing lblod specific plugins for the ember-rdfa-editor",
   "keywords": [
     "ember-addon",
@@ -38,6 +38,7 @@
     "@types/rdf-validate-shacl": "^0.4.0",
     "@types/rdfjs__parser-n3": "^1.1.5",
     "buffer": "^6.0.3",
+    "date-fns": "^2.29.3",
     "ember-auto-import": "^2.4.1",
     "ember-cli-babel": "^7.26.11",
     "ember-cli-htmlbars": "^6.0.1",
@@ -48,7 +49,6 @@
     "ember-resources": "^5.6.0",
     "fetch-sparql-endpoint": "^3.0.0",
     "process": "0.11.10",
-    "prosemirror-state": "^1.4.2",
     "rdf-ext": "^2.1.0",
     "rdf-validate-shacl": "^0.4.5",
     "stream-browserify": "^3.0.0",
@@ -62,7 +62,7 @@
     "@embroider/test-setup": "^1.6.0",
     "@glimmer/component": "^1.1.2",
     "@glimmer/tracking": "^1.1.2",
-    "@lblod/ember-rdfa-editor": "^1.0.0-beta.2",
+    "@lblod/ember-rdfa-editor": "^1.0.0-beta.5",
     "@rdfjs/types": "^1.1.0",
     "@release-it-plugins/lerna-changelog": "^5.0.0",
     "@tsconfig/ember": "^1.0.1",
@@ -144,7 +144,7 @@
   },
   "peerDependencies": {
     "@appuniversum/ember-appuniversum": "^2.2.0",
-    "@lblod/ember-rdfa-editor": "^1.0.0-beta.2",
+    "@lblod/ember-rdfa-editor": "^1.0.0-beta.5",
     "ember-concurrency": "^2.3.7"
   },
   "engines": {

package/plugins/article-structure-plugin/commands/insert-structure.d.ts

@@ -1,5 +1,5 @@
-import { Command } from '@lblod/ember-rdfa-editor';
+import { Command, Fragment } from '@lblod/ember-rdfa-editor';
 import { StructureSpec } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/article-structure-plugin';
 import IntlService from 'ember-intl/services/intl';
-declare const insertStructure: (structureSpec: StructureSpec, intl: IntlService) => Command;
+declare const insertStructure: (structureSpec: StructureSpec, intl: IntlService, content?: Fragment) => Command;
 export default insertStructure;

package/plugins/article-structure-plugin/index.d.ts

@@ -1,6 +1,6 @@
 import { Fragment, PNode, Schema, WidgetSpec, EditorState } from '@lblod/ember-rdfa-editor';
 import IntlService from 'ember-intl/services/intl';
-import { Transaction } from 'prosemirror-state';
+import { Transaction } from '@lblod/ember-rdfa-editor';
 export type SpecName = string;
 export type StructureSpec = {
     name: SpecName;

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

@@ -1,5 +1,4 @@
-import { Decoration, DecorationSet, EditorState, InlineDecorationSpec, MarkSpec, ProsePlugin, Schema, WidgetSpec } from '@lblod/ember-rdfa-editor';
-import { ProseStore } from '@lblod/ember-rdfa-editor/plugins/datastore';
+import { Decoration, DecorationSet, EditorState, InlineDecorationSpec, MarkSpec, NodeType, ProsePlugin, Schema, WidgetSpec } from '@lblod/ember-rdfa-editor';
 export declare const CITATION_REGEX: RegExp;
 export type CitationSchema = Schema<string, 'citation'>;
 export interface CitationDecorationSpec extends InlineDecorationSpec {
@@ -24,8 +23,16 @@ export interface CitationPluginBundle {
         citation: MarkSpec;
     };
 }
-export interface CitationPluginConfig {
-    activeIn?(state: EditorState, datastore: ProseStore): [number, number][];
+export interface CitationPluginNodeConfig {
+    type: 'nodes';
+    regex?: RegExp;
+    activeInNodeTypes(schema: Schema, state: EditorState): Set<NodeType>;
 }
+export interface CitationPluginRangeConfig {
+    type: 'ranges';
+    regex?: RegExp;
+    activeInRanges(state: EditorState): [number, number][];
+}
+export type CitationPluginConfig = CitationPluginNodeConfig | CitationPluginRangeConfig;
 export declare function setupCitationPlugin(config?: CitationPluginConfig): CitationPluginBundle;
 export {};

package/plugins/rdfa-date-plugin/index.d.ts

@@ -1,3 +1,15 @@
 import { WidgetSpec } from '@lblod/ember-rdfa-editor';
-export declare const rdfaDateCardWidget: WidgetSpec;
+export declare const defaultDateFormats: DateFormat[];
+export declare const rdfaDateCardWidget: (options?: DatePluginOptions) => WidgetSpec;
 export declare const rdfaDateInsertWidget: WidgetSpec;
+export type DateFormat = {
+    label: string;
+    key: string;
+    dateFormat: string;
+    dateTimeFormat: string;
+};
+type DatePluginOptions = {
+    formats: DateFormat[];
+    allowCustomFormat: boolean;
+};
+export {};

package/plugins/rdfa-date-plugin/nodes/date.d.ts

@@ -0,0 +1,9 @@
+import { NodeSpec } from '@lblod/ember-rdfa-editor';
+export type DateOptions = {
+    placeholder: {
+        insertDate: string;
+        insertDateTime: string;
+    };
+};
+declare const date: (options: DateOptions) => NodeSpec;
+export default date;

package/plugins/rdfa-date-plugin/nodes/index.d.ts

@@ -0,0 +1 @@
+export { default as date, DateOptions } from './date';

package/plugins/rdfa-date-plugin/utils.d.ts

@@ -0,0 +1 @@
+export declare function formatDate(date: Date, format: string): string;

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

@@ -0,0 +1,2 @@
+import { NodeSpec } from '@lblod/ember-rdfa-editor';
+export declare const roadsign_regulation: NodeSpec;

package/plugins/standard-template-plugin/index.d.ts

@@ -1,2 +1,14 @@
 import { WidgetSpec } from '@lblod/ember-rdfa-editor';
 export declare const standardTemplateWidget: WidgetSpec;
+export declare const besluitNodes: {
+    besluit: import("prosemirror-model").NodeSpec;
+    title: import("prosemirror-model").NodeSpec;
+    description: import("prosemirror-model").NodeSpec;
+    motivering: import("prosemirror-model").NodeSpec;
+    article_container: import("prosemirror-model").NodeSpec;
+    besluit_article: import("prosemirror-model").NodeSpec;
+    besluit_article_content: import("prosemirror-model").NodeSpec;
+    besluit_article_header: import("prosemirror-model").NodeSpec;
+    language_node: import("prosemirror-model").NodeSpec;
+};
+export declare const structureSpecs: import("../article-structure-plugin").StructureSpec[];

package/plugins/standard-template-plugin/utils/nodes.d.ts

@@ -0,0 +1,12 @@
+import { NodeSpec } from '@lblod/ember-rdfa-editor';
+import { StructureSpec } from '../../article-structure-plugin';
+export declare const title: NodeSpec;
+export declare const description: NodeSpec;
+export declare const motivering: NodeSpec;
+export declare const article_container: NodeSpec;
+export declare const besluit_article: NodeSpec;
+export declare const besluitArticleStructure: StructureSpec;
+export declare const besluit_article_header: NodeSpec;
+export declare const besluit_article_content: NodeSpec;
+export declare const besluit: NodeSpec;
+export declare const language_node: NodeSpec;

package/plugins/{insert-variable-plugin → variable-plugin}/index.d.ts

@@ -1,2 +1,3 @@
 import { WidgetSpec } from '@lblod/ember-rdfa-editor';
 export declare function insertVariableWidget(options?: unknown): WidgetSpec;
+export declare const templateVariableWidget: WidgetSpec;

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

@@ -0,0 +1,2 @@
+export declare const variable: import("prosemirror-model").NodeSpec;
+export declare const variableView: (controller: import("@lblod/ember-rdfa-editor/addon").ProseController) => import("prosemirror-view").NodeViewConstructor;

package/plugins/variable-plugin/utils/constants.d.ts

@@ -0,0 +1,9 @@
+import { PNode, Schema } from '@lblod/ember-rdfa-editor';
+import { CodeList } from './fetch-data';
+export declare const MULTI_SELECT_CODELIST_TYPE = "http://lblod.data.gift/concepts/57C93E12-A02C-4D4B-8B95-666B6701286C";
+export type VariableType = {
+    label: string;
+    fetchSubtypes?: (endpoint: string, publisher: string) => Promise<CodeList[]>;
+    constructor: (schema: Schema, endpoint?: string, selectedCodelist?: CodeList) => PNode;
+};
+export declare const DEFAULT_VARIABLE_TYPES: Record<string, VariableType>;

package/plugins/{template-variable-plugin → variable-plugin}/utils/fetch-data.d.ts

@@ -7,3 +7,8 @@ export type CodeListOption = {
     label?: string;
 };
 export declare function fetchCodeListOptions(endpoint: string, codelistUri: string): Promise<CodeListOptions>;
+export type CodeList = {
+    uri?: string;
+    label?: string;
+};
+export declare function fetchCodeListsByPublisher(endpoint: string, publisher: string): Promise<CodeList[]>;

package/services/standard-template-plugin.d.ts

@@ -1,21 +1,20 @@
 import Store from '@ember-data/store';
-import { DS } from 'ember-data';
 import Service from '@ember/service';
 import { Task } from 'ember-concurrency';
 import TemplateModel from '../models/template';
 export default class StandardTemplatePluginService extends Service {
     store: Store;
-    templates: DS.RecordArray<TemplateModel>;
+    templates: TemplateModel[];
     constructor();
-    fetchTemplates: Task<DS.RecordArray<TemplateModel>, []>;
+    fetchTemplates: Task<TemplateModel[], []>;
     loadTemplates(): Promise<void>;
     /**
-       Filter the valid templates for a context.
-       @method templatesForContext
-       @param {Array} Array of templates
-       @param {Array} The path of rdfaContext objects from the root till the current context
-       @return {Array} Array of templates (filtered)
-       @private
-    */
+     Filter the valid templates for a context.
+     @method templatesForContext
+     @param {Array} Array of templates
+     @param {Array} The path of rdfaContext objects from the root till the current context
+     @return {Array} Array of templates (filtered)
+     @private
+     */
     templatesForContext(templates: TemplateModel[], rdfaTypes: string[]): TemplateModel[];
 }

package/translations/en-US.yaml

@@ -78,9 +78,10 @@ date-plugin:
     hours: "Hours"
     minutes: "Minutes"
     now: "Now"
-insert-variable-plugin:
-  variable: Insert variable
+variable-plugin:
+  insertVariable: Insert variable
   button: Insert
+  enterVariableValue: Select value
 article-structure-plugin:
   insert:
     paragraph: Insert paragraph
@@ -126,7 +127,7 @@ article-structure-plugin:
     section:
       heading: Insert section heading
       body: Insert section content
-    subsection: 
+    subsection:
       heading: Insert subsection heading
       body: Insert subsection content
     article:

package/translations/nl-BE.yaml

@@ -79,9 +79,10 @@ date-plugin:
     hours: "Uur"
     minutes: "Minuten"
     now: "Nu"
-insert-variable-plugin:
-  variable: Voeg variabele in
+variable-plugin:
+  insertVariable: Voeg variabele in
   button: Voeg in
+  enterVariableValue: Selecteer waarde
 article-structure-plugin:
   insert:
     paragraph: Paragraaf invoegen
@@ -127,11 +128,11 @@ article-structure-plugin:
     section:
       heading: Voeg afdeling in
       body: Voeg inhoud afdeling in
-    subsection: 
+    subsection:
       heading: Voeg onderafdeling in
       body: Voeg inhoud onderafdeling in
     article:
       heading: Voeg artikel in
       body: Voeg inhoud artikel in
     paragraph:
-      body: Voeg inhoud paragraaf in
+      body: Voeg inhoud paragraaf in

package/utils/changed-descendants.d.ts

@@ -0,0 +1,2 @@
+import { PNode } from '@lblod/ember-rdfa-editor';
+export declare function changedDescendants(old: PNode, cur: PNode, offset: number, f: (node: PNode, pos: number) => void): void;

package/utils/constants.d.ts

@@ -3,3 +3,8 @@ export declare const RDF: (s: string) => import("@lblod/ember-rdfa-editor-lblod-
 export declare const ELI: (s: string) => import("@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace").Resource;
 export declare const XSD: (s: string) => import("@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace").Resource;
 export declare const EXT: (s: string) => import("@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace").Resource;
+export declare const BESLUIT: (s: string) => import("@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace").Resource;
+export declare const PROV: (s: string) => import("@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace").Resource;
+export declare const SKOS: (s: string) => import("@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace").Resource;
+export declare const DCT: (s: string) => import("@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace").Resource;
+export declare const MOBILITEIT: (s: string) => import("@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace").Resource;

package/utils/namespace.d.ts

@@ -1,6 +1,11 @@
-export type Resource = {
-    prefixed: string;
+import { PNode } from '@lblod/ember-rdfa-editor';
+export declare class Resource {
     full: string;
-};
+    prefixed: string;
+    constructor(full: string, prefixed: string);
+    toString(): string;
+}
 export declare function namespace(uri: string, prefix: string): (s: string) => Resource;
 export declare function hasRDFaAttribute(element: Element, attr: string, value: Resource): boolean;
+export declare function pnodeHasRdfaAttribute(node: PNode, attr: string, value: Resource): boolean;
+export declare function expandPrefixedString(base: string, prefix: string, stringToExpand: string): string;

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

@@ -1,227 +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 { ProseController } from '@lblod/ember-rdfa-editor/core/prosemirror';
-import { ProseStore } from '@lblod/ember-rdfa-editor/utils/datastore/prose-store';
-import { insertHtml } from '@lblod/ember-rdfa-editor/commands/insert-html-command';
-import { unwrap } from '@lblod/ember-rdfa-editor/utils/option';
-import { getAppliedMarks } from '@lblod/ember-rdfa-editor/plugins/datastore';
-import {
-  CodeListOption,
-  fetchCodeListOptions,
-} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/template-variable-plugin/utils/fetch-data';
-import { ZONAL_URI } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/roadsign-regulation-plugin/utils/constants';
-import { MULTI_SELECT_CODELIST_TYPE } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/template-variable-plugin/utils/constants';
-
-type Args = {
-  controller: ProseController;
-};
-export default class EditorPluginsTemplateVariableCardComponent extends Component<Args> {
-  @tracked variableOptions: CodeListOption[] = [];
-  @tracked selectedVariable?: CodeListOption | CodeListOption[];
-  @tracked showCard = false;
-  @tracked multiSelect = false;
-  mappingUri?: string;
-  zonalLocationCodelistUri: string;
-  endpoint: string;
-  nonZonalLocationCodelistUri: string;
-
-  constructor(parent: unknown, args: Args) {
-    super(parent, args);
-    const config = getOwner(this)?.resolveRegistration(
-      'config:environment'
-    ) as {
-      templateVariablePlugin: {
-        zonalLocationCodelistUri: string;
-        endpoint: string;
-        nonZonalLocationCodelistUri: string;
-      };
-    };
-    const pluginConfig = config.templateVariablePlugin;
-    this.zonalLocationCodelistUri = pluginConfig.zonalLocationCodelistUri;
-    this.endpoint = pluginConfig.endpoint;
-    this.nonZonalLocationCodelistUri = pluginConfig.nonZonalLocationCodelistUri;
-  }
-
-  get controller() {
-    return this.args.controller;
-  }
-
-  @action
-  insert() {
-    const { selection } = this.controller.state;
-    if (!this.mappingUri || !this.selectedVariable) {
-      return;
-    }
-    this.controller.datastore;
-    const limitedDatastore = this.controller.datastore.limitToRange(
-      this.controller.state,
-      selection.from,
-      selection.to
-    );
-    const insertRange = [
-      ...limitedDatastore
-        .match(`>${this.mappingUri}`, 'ext:content')
-        .asObjectNodeMapping()
-        .nodes(),
-    ][0];
-    if (!insertRange) {
-      return;
-    }
-    const marks = getAppliedMarks(insertRange);
-    let htmlToInsert: string;
-    if (Array.isArray(this.selectedVariable)) {
-      htmlToInsert = this.selectedVariable
-        .map((variable) => variable.value)
-        .join(', ');
-    } else {
-      htmlToInsert = unwrap(this.selectedVariable.value);
-    }
-    htmlToInsert = this.wrapVariableInHighlight(htmlToInsert);
-    if (insertRange) {
-      this.controller.doCommand(
-        insertHtml(htmlToInsert, insertRange.from, insertRange.to, marks)
-      );
-    }
-  }
-
-  wrapVariableInHighlight(text: string) {
-    return text.replace(
-      /\$\{(.+?)\}/g,
-      '<span class="mark-highlight-manual">${$1}</span>'
-    );
-  }
-
-  @action
-  selectionChanged() {
-    this.showCard = false;
-    this.selectedVariable = undefined;
-    const { selection } = this.controller.state;
-    const { from, to } = selection;
-    const fullDatastore = this.controller.datastore;
-    const limitedDatastore = this.controller.datastore.limitToRange(
-      this.controller.state,
-      from,
-      to
-    );
-    const mapping = limitedDatastore
-      .match(null, 'a', 'ext:Mapping')
-      .asQuadResultSet()
-      .single();
-    if (mapping) {
-      const mappingUri = mapping.subject.value;
-      this.mappingUri = mappingUri;
-      const mappingTypeTriple = fullDatastore
-        .match(`>${mappingUri}`, 'dct:type')
-        .asQuadResultSet()
-        .single();
-      if (mappingTypeTriple) {
-        const mappingType = mappingTypeTriple.object.value;
-        if (mappingType === 'codelist') {
-          const codelistTriple = fullDatastore
-            .match(`>${mappingUri}`, 'ext:codelist')
-            .asQuadResultSet()
-            .single();
-          if (codelistTriple) {
-            const codelistSource = this.getCodelistSource(
-              fullDatastore,
-              mappingUri
-            );
-            this.showCard = true;
-            const codelistUri = codelistTriple.object.value;
-            void 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'
-            )
-            .asQuadResultSet()
-            .single();
-          if (!measureTriple) {
-            return;
-          }
-          const measureUri = measureTriple.subject.value;
-          const zonalityTriple = fullDatastore
-            .match(`>${measureUri}`, 'ext:zonality')
-            .asQuadResultSet()
-            .single();
-          if (!zonalityTriple) {
-            return;
-          }
-          const zonalityUri = zonalityTriple.object.value;
-          if (zonalityUri === ZONAL_URI) {
-            void this.fetchCodeListOptions.perform(
-              codelistSource,
-              this.zonalLocationCodelistUri,
-              true
-            );
-          } else {
-            void this.fetchCodeListOptions.perform(
-              codelistSource,
-              this.nonZonalLocationCodelistUri,
-              true
-            );
-          }
-          this.showCard = true;
-        }
-      }
-    }
-  }
-
-  getCodelistSource(fullDatastore: ProseStore, mappingUri: string): string {
-    const codelistSourceTriple = fullDatastore
-      .match(`>${mappingUri}`, 'dct:source')
-      .asQuadResultSet()
-      .single();
-
-    if (codelistSourceTriple) {
-      return codelistSourceTriple.object.value;
-    } else {
-      return this.endpoint;
-    }
-  }
-
-  @action
-  updateVariable(variable: CodeListOption | CodeListOption[]) {
-    this.selectedVariable = variable;
-  }
-
-  fetchCodeListOptions = task(
-    async (endpoint: string, codelistUri: string, isLocation?: boolean) => {
-      const { type, options } = await fetchCodeListOptions(
-        endpoint,
-        codelistUri
-      );
-      if (isLocation) {
-        this.variableOptions = options.map((option) => ({
-          label: option.label,
-          value: this.wrapInLocation(unwrap(option.value)),
-        }));
-      } else {
-        this.variableOptions = options;
-      }
-      if (type === MULTI_SELECT_CODELIST_TYPE) {
-        this.multiSelect = true;
-      } else {
-        this.multiSelect = false;
-      }
-    }
-  );
-
-  wrapInLocation(value: string) {
-    return `
-      <span property="https://data.vlaanderen.be/ns/mobiliteit#plaatsbepaling">
-        ${value}
-      </span>
-    `;
-  }
-}

package/addon/plugins/insert-variable-plugin/utils/constants.ts

@@ -1,67 +0,0 @@
-import { CodeList, fetchCodeListsByPublisher } from './fetch-data';
-
-export type VariableType = {
-  label: string;
-  fetchSubtypes?: (endpoint: string, publisher: string) => Promise<CodeList[]>;
-  template:
-    | string
-    | ((endpoint: string, selectedCodelist?: CodeList) => string);
-};
-export const DEFAULT_VARIABLE_TYPES: Record<string, VariableType> = {
-  text: {
-    label: 'text',
-    template: `
-      <span property="dct:type" content="text"></span>
-      <span property="ext:content">
-        <span class="mark-highlight-manual">\${text}</span>
-      </span>
-    `,
-  },
-  number: {
-    label: 'number',
-    template: `
-      <span property="dct:type" content="number"></span>
-      <span property="ext:content" datatype="xsd:integer">
-        <span class="mark-highlight-manual">\${number}</span>
-      </span>
-    `,
-  },
-  date: {
-    label: 'date',
-    template: `
-      <span property="dct:type" content="date"></span>
-      <span property="ext:content" datatype="xsd:date">
-        <span class="mark-highlight-manual">\${date}</span>
-      </span>
-    `,
-  },
-  location: {
-    label: 'location',
-    template: (endpoint: string) => `
-      <span property="dct:type" content="location"></span>
-      <span property="dct:source" resource="${endpoint}"></span>
-      <span property="ext:content">
-        <span class="mark-highlight-manual">\${location}</span>
-      </span>
-    `,
-  },
-  codelist: {
-    label: 'codelist',
-    fetchSubtypes: async (endpoint: string, publisher: string) => {
-      const codelists = fetchCodeListsByPublisher(endpoint, publisher);
-      return codelists;
-    },
-    template: (endpoint: string, selectedCodelist?: CodeList) => `
-      <span property="ext:codelist" resource="${
-        selectedCodelist?.uri ?? ''
-      }"></span>
-      <span property="dct:type" content="codelist"></span>
-      <span property="dct:source" resource="${endpoint}"></span>
-      <span property="ext:content">
-        <span class="mark-highlight-manual">\${${
-          selectedCodelist?.label ?? ''
-        }}</span>
-      </span>
-    `,
-  },
-};