@lblod/ember-rdfa-editor-lblod-plugins 9.1.1 → 11.0.0

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

@@ -1,59 +0,0 @@
-import { Address, AddressSuggestion } from './types';
-
-const LOC_GEOPUNT_ENDPOINT = `https://geo.api.vlaanderen.be/geolocation/v4/Location`;
-const BASISREGISTER_ADRESMATCH = `https://basisregisters.vlaanderen.be/api/v1/adressen`;
-
-export const replaceAccents = (string: string) =>
-  string.normalize('NFD').replace(/([\u0300-\u036f])/g, '');
-
-export async function getSuggestedLocations(query: string) {
-  const result = await fetch(
-    `${LOC_GEOPUNT_ENDPOINT}?q=${encodeURIComponent(
-      query.replace(/^"(.*)"$/, '$1'),
-    )}&c=10&type=Housenumber`,
-    {
-      method: 'GET',
-    },
-  );
-
-  const jsonResult = (await result.json()) as {
-    LocationResult: AddressSuggestion[];
-  };
-
-  if (!jsonResult) {
-    return [];
-  }
-
-  return jsonResult.LocationResult;
-}
-
-export async function getAddressMatch({
-  municipality,
-  zipcode,
-  street,
-  housenumber,
-}: {
-  municipality: string;
-  street: string;
-  housenumber: string;
-  zipcode: string;
-}) {
-  const url = new URL(BASISREGISTER_ADRESMATCH);
-
-  url.searchParams.append('GemeenteNaam', replaceAccents(municipality));
-  url.searchParams.append('Straatnaam', replaceAccents(street));
-  url.searchParams.append('Huisnummer', replaceAccents(housenumber));
-  url.searchParams.append('Postcode', replaceAccents(zipcode));
-
-  const response = await fetch(url.toString(), {
-    method: 'GET',
-  });
-
-  const result = (await response.json()) as {
-    adressen: Address[];
-  };
-
-  if (!result) return [];
-
-  return result.adressen;
-}

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

@@ -1,163 +0,0 @@
-import Component from '@glimmer/component';
-import { tracked } from '@glimmer/tracking';
-import { action } from '@ember/object';
-import { task } from 'ember-concurrency';
-import { SayController } from '@lblod/ember-rdfa-editor';
-import {
-  CodeListOption,
-  fetchCodeListOptions,
-} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/fetch-data';
-import { MULTI_SELECT_CODELIST_TYPE } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/constants';
-import { findParentNodeOfType } from '@curvenote/prosemirror-utils';
-import { NodeSelection, PNode, ProseParser } from '@lblod/ember-rdfa-editor';
-import { ZONAL_URI } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/roadsign-regulation-plugin/utils/constants';
-import { unwrap } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option';
-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> {
-  @tracked variableOptions: CodeListOption[] = [];
-  @tracked selectedVariableOption?: CodeListOption | CodeListOption[];
-  @tracked selectedVariable: { pos: number; node: PNode } | undefined;
-  @tracked showCard = false;
-  @tracked multiSelect = false;
-  @tracked label?: string;
-  mappingUri?: string;
-
-  get controller() {
-    return this.args.controller;
-  }
-
-  @action
-  insert() {
-    if (!this.selectedVariable || !this.selectedVariableOption) {
-      return;
-    }
-    let htmlToInsert: string;
-    if (Array.isArray(this.selectedVariableOption)) {
-      htmlToInsert = this.selectedVariableOption
-        .map((variable) => variable.value)
-        .join(', ');
-    } else {
-      htmlToInsert = unwrap(this.selectedVariableOption.value);
-    }
-    htmlToInsert = this.wrapVariableInHighlight(htmlToInsert);
-    const domParser = new DOMParser();
-    const htmlNode = domParser.parseFromString(htmlToInsert, 'text/html');
-    const contentFragment = ProseParser.fromSchema(
-      this.args.controller.schema,
-    ).parseSlice(htmlNode, {
-      preserveWhitespace: false,
-    }).content;
-    const range = {
-      from: this.selectedVariable.pos + 1,
-      to: this.selectedVariable.pos + this.selectedVariable.node.nodeSize - 1,
-    };
-    this.controller.withTransaction(
-      (tr) => {
-        return tr.replaceWith(range.from, range.to, contentFragment);
-      },
-      { view: this.controller.mainEditorView },
-    );
-  }
-
-  wrapVariableInHighlight(text: string) {
-    return text.replace(
-      /\$\{(.+?)\}/g,
-      '<span class="mark-highlight-manual">${$1}</span>',
-    );
-  }
-
-  @action
-  selectionChanged() {
-    this.showCard = false;
-    this.selectedVariableOption = undefined;
-    const { selection } = this.controller.mainEditorState;
-    if (
-      selection instanceof NodeSelection &&
-      selection.node.type === this.controller.schema.nodes.variable
-    ) {
-      const variable = {
-        node: selection.node,
-        pos: selection.from,
-      };
-      this.selectedVariable = variable;
-      if (variable) {
-        const type = variable.node.attrs.type as string;
-        if (type === 'codelist') {
-          const source =
-            (variable.node.attrs.source as string | undefined) ??
-            this.args.options.endpoint;
-          const codelistURI = variable.node.attrs.codelistResource as string;
-          void this.fetchCodeListOptions.perform(source, codelistURI);
-          this.showCard = true;
-          this.label = variable.node.attrs.label as string;
-        } else if (type === 'location') {
-          const source =
-            (variable.node.attrs.source as string | undefined) ??
-            this.args.options.endpoint;
-          const roadSignRegulation = findParentNodeOfType(
-            this.controller.schema.nodes.roadsign_regulation,
-          )(selection);
-          const zonalityUri = roadSignRegulation?.node.attrs.zonality as
-            | string
-            | undefined;
-          this.label = variable.node.attrs.label as string;
-          if (zonalityUri === ZONAL_URI) {
-            void this.fetchCodeListOptions.perform(
-              source,
-              this.args.options.zonalLocationCodelistUri,
-              true,
-            );
-          } else {
-            void this.fetchCodeListOptions.perform(
-              source,
-              this.args.options.nonZonalLocationCodelistUri,
-              true,
-            );
-          }
-
-          this.showCard = true;
-        }
-      }
-    }
-  }
-
-  @action
-  updateVariableOption(variableOption: CodeListOption | CodeListOption[]) {
-    this.selectedVariableOption = variableOption;
-  }
-
-  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/variable-plugin/index.ts

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

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

@@ -1,264 +0,0 @@
-import { hasRDFaAttribute } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace';
-import {
-  DCT,
-  EXT,
-} from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
-import {
-  createEmberNodeSpec,
-  createEmberNodeView,
-  EmberNodeConfig,
-} from '@lblod/ember-rdfa-editor/utils/ember-node';
-import { v4 as uuidv4 } from 'uuid';
-import {
-  MAXIMUM_VALUE_HTML_ATTRIBUTE_KEY,
-  MAXIMUM_VALUE_PNODE_KEY,
-  MINIMUM_VALUE_HTML_ATTRIBUTE_KEY,
-  MINIMUM_VALUE_PNODE_KEY,
-  WRITTEN_NUMBER_HTML_ATTRIBUTE_KEY,
-  WRITTEN_NUMBER_PNODE_KEY,
-} from './utils/constants';
-import { Attrs, DOMOutputSpec, PNode } from '@lblod/ember-rdfa-editor';
-import { isNumber } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/strings';
-import { numberToWords } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/number-to-words';
-
-export const CONTENT_SELECTOR = `span[property~='${EXT('content').prefixed}'],
-                          span[property~='${EXT('content').full}']`;
-
-export const getHTMLNodeExtraAttributes = ({
-  node,
-  type,
-}: {
-  node: HTMLElement;
-  type: string;
-}) => {
-  if (type === 'number') {
-    return {
-      [MINIMUM_VALUE_PNODE_KEY]:
-        node.getAttribute(MINIMUM_VALUE_HTML_ATTRIBUTE_KEY) ?? null,
-      [MAXIMUM_VALUE_PNODE_KEY]:
-        node.getAttribute(MAXIMUM_VALUE_HTML_ATTRIBUTE_KEY) ?? null,
-      [WRITTEN_NUMBER_PNODE_KEY]:
-        node.getAttribute(WRITTEN_NUMBER_HTML_ATTRIBUTE_KEY) === 'true'
-          ? true
-          : false,
-    };
-  }
-
-  return {};
-};
-
-export const getPNodeExtraAttributes = ({
-  node,
-  type,
-}: {
-  node: PNode;
-  type: string;
-}) => {
-  if (type === 'number') {
-    return {
-      [MINIMUM_VALUE_HTML_ATTRIBUTE_KEY]:
-        (node.attrs[MINIMUM_VALUE_PNODE_KEY] as string) ?? null,
-      [MAXIMUM_VALUE_HTML_ATTRIBUTE_KEY]:
-        (node.attrs[MAXIMUM_VALUE_PNODE_KEY] as string) ?? null,
-      [WRITTEN_NUMBER_HTML_ATTRIBUTE_KEY]: String(
-        node.attrs[WRITTEN_NUMBER_PNODE_KEY] ?? false,
-      ),
-    };
-  }
-
-  return {};
-};
-
-export const contentToDom = ({
-  content,
-  type,
-  node,
-}: {
-  content: string | null;
-  type: string;
-  node: PNode;
-}) => {
-  if (type === 'number') {
-    if (isNumber(content)) {
-      if (node.attrs[WRITTEN_NUMBER_PNODE_KEY]) {
-        return numberToWords(Number(content), { lang: 'nl' });
-      } else {
-        return content;
-      }
-    } else {
-      return 'Voeg getal in';
-    }
-  } else {
-    return content;
-  }
-};
-
-export const parseAttributes = (node: HTMLElement): false | Attrs => {
-  if (
-    hasRDFaAttribute(node, 'typeof', EXT('Mapping')) &&
-    node.querySelector(CONTENT_SELECTOR)
-  ) {
-    const variableInstance = [...node.children]
-      .find((el) => hasRDFaAttribute(el, 'property', EXT('instance')))
-      ?.getAttribute('resource');
-    const mappingResource = node.getAttribute('resource');
-    const codelistSpan = [...node.children].find((el) =>
-      hasRDFaAttribute(el, 'property', EXT('codelist')),
-    );
-    const codelistResource =
-      codelistSpan?.getAttribute('resource') ??
-      codelistSpan?.getAttribute('content');
-    const source = [...node.children]
-      .find((el) => hasRDFaAttribute(el, 'property', DCT('source')))
-      ?.getAttribute('resource');
-    const type = [...node.children]
-      .find((el) => hasRDFaAttribute(el, 'property', DCT('type')))
-      ?.getAttribute('content');
-    const label = node.getAttribute('data-label') || type;
-    const datatype = [...node.children]
-      .find((el) => hasRDFaAttribute(el, 'property', EXT('content')))
-      ?.getAttribute('datatype');
-    if (!mappingResource || !type) {
-      return false;
-    }
-    return {
-      variableInstance:
-        variableInstance ?? `http://data.lblod.info/variables/${uuidv4()}`,
-      mappingResource,
-      codelistResource,
-      source,
-      type,
-      datatype,
-      label,
-      ...getHTMLNodeExtraAttributes({ type, node }),
-    };
-  }
-
-  return false;
-};
-
-export const attributesToDOM = (
-  node: PNode,
-  content?: string | null,
-): DOMOutputSpec => {
-  const {
-    mappingResource,
-    codelistResource,
-    variableInstance,
-    type,
-    datatype,
-    source,
-    label,
-  } = node.attrs;
-
-  const sourceSpan = source
-    ? [
-        [
-          'span',
-          {
-            property: DCT('source').prefixed,
-            resource: source as string,
-          },
-        ],
-      ]
-    : [];
-  const codelistResourceSpan = codelistResource
-    ? [
-        [
-          'span',
-          {
-            property: EXT('codelist').prefixed, //becomes EXT('instance')
-            resource: codelistResource as string,
-          },
-        ],
-      ]
-    : [];
-  return [
-    'span',
-    {
-      resource: mappingResource as string,
-      typeof: EXT('Mapping').prefixed,
-      'data-label': label as string,
-      ...getPNodeExtraAttributes({ node, type: type as string }),
-    },
-    [
-      'span',
-      { property: EXT('instance'), resource: variableInstance as string },
-    ],
-    ['span', { property: DCT('type').prefixed, content: type as string }],
-    ...sourceSpan,
-    ...codelistResourceSpan,
-    [
-      'span',
-      {
-        property: EXT('content').prefixed,
-        content: content ? content : '',
-        ...(!!datatype && { datatype: datatype as string }),
-      },
-      content !== undefined
-        ? contentToDom({ content, type: type as string, node })
-        : 0,
-    ],
-  ];
-};
-
-export const emberNodeConfig: EmberNodeConfig = {
-  name: 'variable',
-  componentPath: 'variable-plugin/variable',
-  inline: true,
-  group: 'inline',
-  content: 'inline*',
-  atom: true,
-  recreateUri: true,
-  uriAttributes: ['variableInstance'],
-  draggable: false,
-  needsFFKludge: true,
-  attrs: {
-    mappingResource: {},
-    codelistResource: {
-      default: null,
-    },
-    variableInstance: {},
-    source: {
-      default: null,
-    },
-    type: {
-      default: 'text',
-    },
-    datatype: {
-      default: null,
-    },
-    label: {
-      default: '',
-    },
-    minimumValue: {
-      default: null,
-    },
-    maximumValue: {
-      default: null,
-    },
-    writtenNumber: {
-      default: false,
-    },
-  },
-  toDOM: (node) => {
-    return attributesToDOM(node);
-  },
-  parseDOM: [
-    {
-      tag: 'span',
-      getAttrs: (node: HTMLElement) => {
-        const attr = parseAttributes(node);
-        if (attr && attr.type !== 'number') {
-          return attr;
-        } else {
-          return false;
-        }
-      },
-      contentElement: CONTENT_SELECTOR,
-    },
-  ],
-};
-
-export const variable = createEmberNodeSpec(emberNodeConfig);
-export const variableView = createEmberNodeView(emberNodeConfig);

package/addon/plugins/variable-plugin/number.ts

@@ -1,50 +0,0 @@
-import {
-  createEmberNodeSpec,
-  createEmberNodeView,
-  EmberNodeConfig,
-} from '@lblod/ember-rdfa-editor/utils/ember-node';
-import {
-  attributesToDOM,
-  emberNodeConfig as baseVariableConfig,
-  CONTENT_SELECTOR,
-  parseAttributes,
-} from './nodes';
-import { PNode } from '@lblod/ember-rdfa-editor';
-import { hasRDFaAttribute } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace';
-import { EXT } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
-
-const emberNodeConfig = (): EmberNodeConfig => {
-  const { attrs, ...baseConfig } = baseVariableConfig;
-  return {
-    ...baseConfig,
-    attrs: { ...attrs, value: { default: null } },
-    componentPath: 'variable-number/number',
-    leafText: (node: PNode) => {
-      const { value } = node.attrs;
-      return value as string;
-    },
-    parseDOM: [
-      {
-        tag: 'span',
-        getAttrs: (node: HTMLElement) => {
-          const attrs = parseAttributes(node);
-          if (attrs && attrs.type === 'number') {
-            const content = [...node.children]
-              .find((el) => hasRDFaAttribute(el, 'property', EXT('content')))
-              ?.getAttribute('content');
-            return { ...attrs, value: content };
-          } else {
-            return false;
-          }
-        },
-        contentElement: CONTENT_SELECTOR,
-      },
-    ],
-    toDOM: (node) => {
-      return attributesToDOM(node, node.attrs.value);
-    },
-  };
-};
-
-export const number = createEmberNodeSpec(emberNodeConfig());
-export const numberView = createEmberNodeView(emberNodeConfig());

package/app/components/variable-plugin/variable-edit-modal.js

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

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

@@ -1,21 +0,0 @@
-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

@@ -1,25 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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/variable-plugin/template-variable-card.d.ts

@@ -1,29 +0,0 @@
-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[];
-    selectedVariableOption?: CodeListOption | CodeListOption[];
-    selectedVariable: {
-        pos: number;
-        node: PNode;
-    } | undefined;
-    showCard: boolean;
-    multiSelect: boolean;
-    label?: string;
-    mappingUri?: string;
-    get controller(): SayController;
-    insert(): void;
-    wrapVariableInHighlight(text: string): string;
-    selectionChanged(): void;
-    updateVariableOption(variableOption: CodeListOption | CodeListOption[]): void;
-    fetchCodeListOptions: import("ember-concurrency").TaskForAsyncTaskFunction<unknown, (endpoint: string, codelistUri: string, isLocation?: boolean) => Promise<void>>;
-    wrapInLocation(value: string): string;
-}
-export {};

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

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

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

@@ -1,37 +0,0 @@
-import { EmberNodeConfig } from '@lblod/ember-rdfa-editor/utils/ember-node';
-import { Attrs, DOMOutputSpec, PNode } from '@lblod/ember-rdfa-editor';
-export declare const CONTENT_SELECTOR: string;
-export declare const getHTMLNodeExtraAttributes: ({ node, type, }: {
-    node: HTMLElement;
-    type: string;
-}) => {
-    minimumValue: string | null;
-    maximumValue: string | null;
-    writtenNumber: boolean;
-} | {
-    minimumValue?: undefined;
-    maximumValue?: undefined;
-    writtenNumber?: undefined;
-};
-export declare const getPNodeExtraAttributes: ({ node, type, }: {
-    node: PNode;
-    type: string;
-}) => {
-    "data-minimum-value": string;
-    "data-maximum-value": string;
-    "data-written-number": string;
-} | {
-    "data-minimum-value"?: undefined;
-    "data-maximum-value"?: undefined;
-    "data-written-number"?: undefined;
-};
-export declare const contentToDom: ({ content, type, node, }: {
-    content: string | null;
-    type: string;
-    node: PNode;
-}) => string | null;
-export declare const parseAttributes: (node: HTMLElement) => false | Attrs;
-export declare const attributesToDOM: (node: PNode, content?: string | null) => DOMOutputSpec;
-export declare const emberNodeConfig: EmberNodeConfig;
-export declare const variable: import("@lblod/ember-rdfa-editor/core/say-node-spec").default;
-export declare const variableView: (controller: import("@lblod/ember-rdfa-editor").SayController) => import("prosemirror-view").NodeViewConstructor;