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

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/article-structure-plugin/constants.ts

@@ -1,11 +0,0 @@
-import { namespace } from './utils/namespace';
-
-export const SAY = namespace('https://say.data.gift/ns/', 'say');
-export const RDF = namespace(
-  'http://www.w3.org/1999/02/22-rdf-syntax-ns#',
-  'rdf'
-);
-
-export const ELI = namespace('http://data.europa.eu/eli/ontology#', 'eli');
-export const XSD = namespace('http://www.w3.org/2001/XMLSchema#', 'xsd');
-export const EXT = namespace('http://mu.semte.ch/vocabularies/ext/', 'ext');

package/addon/plugins/article-structure-plugin/utils/namespace.ts

@@ -1,25 +0,0 @@
-export type Resource = {
-  prefixed: string;
-  full: string;
-};
-
-export function namespace(uri: string, prefix: string) {
-  return (s: string): Resource => {
-    return {
-      prefixed: prefix && `${prefix}:${s}`,
-      full: uri + s,
-    };
-  };
-}
-
-export function hasRDFaAttribute(
-  element: Element,
-  attr: string,
-  value: Resource
-) {
-  const result = element.getAttribute(attr)?.split(' ');
-  if (result) {
-    return result.includes(value.full) || result.includes(value.prefixed);
-  }
-  return false;
-}

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>
-    `,
-  },
-};

package/addon/plugins/insert-variable-plugin/utils/fetch-data.ts

@@ -1,41 +0,0 @@
-import { executeQuery } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/sparql-helpers';
-export type CodeList = {
-  uri?: string;
-  label?: string;
-};
-
-function generateCodeListsByPublisherQuery(publisher: string): string {
-  const codeListOptionsQuery = `
-    PREFIX lblodMobilitiet: <http://data.lblod.info/vocabularies/mobiliteit/>
-    PREFIX dct: <http://purl.org/dc/terms/>
-    PREFIX skos: <http://www.w3.org/2004/02/skos/core#>
-    PREFIX mu: <http://mu.semte.ch/vocabularies/core/>
-    SELECT DISTINCT * WHERE { 
-      ?uri a lblodMobilitiet:Codelist;
-        skos:prefLabel ?label.
-      ${
-        publisher
-          ? `
-        ?uri dct:publisher <${publisher}>.
-      `
-          : ''
-      }
-    }
-  `;
-  return codeListOptionsQuery;
-}
-
-export async function fetchCodeListsByPublisher(
-  endpoint: string,
-  publisher: string
-): Promise<CodeList[]> {
-  const codelistsOptionsQueryResult = await executeQuery(
-    endpoint,
-    generateCodeListsByPublisherQuery(publisher)
-  );
-  const bindings = codelistsOptionsQueryResult.results.bindings;
-  return bindings.map((binding) => ({
-    uri: binding['uri']?.value,
-    label: binding['label']?.value,
-  }));
-}

package/addon/plugins/rdfa-date-plugin/commands/index.ts

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

package/addon/plugins/rdfa-date-plugin/commands/modify-date.ts

@@ -1,48 +0,0 @@
-import { Command, Mark } from '@lblod/ember-rdfa-editor';
-import { unwrap } from '@lblod/ember-rdfa-editor/utils/option';
-
-function formatDate(date: Date, onlyDate: boolean) {
-  const options: Intl.DateTimeFormatOptions = {
-    year: 'numeric',
-    month: '2-digit',
-    day: '2-digit',
-    ...(!onlyDate && {
-      hour: '2-digit',
-      minute: '2-digit',
-    }),
-  };
-  return date.toLocaleString('nl-BE', options);
-}
-
-export default function modifyDate(
-  from: number,
-  to: number,
-  dateValue: Date,
-  onlyDate: boolean
-): Command {
-  return function (state, dispatch) {
-    if (dispatch) {
-      const transaction = state.tr;
-      const node = unwrap(transaction.doc.nodeAt(from));
-      const currentRdfaMark = node.marks
-        .filter((mark) => mark.type.name === 'inline_rdfa')
-        .at(-1);
-      if (currentRdfaMark) {
-        transaction.removeMark(from, to, currentRdfaMark);
-      }
-
-      const newMark: Mark = currentRdfaMark
-        ? state.schema.mark('inline_rdfa', {
-            ...currentRdfaMark.attrs,
-            content: dateValue.toISOString(),
-          })
-        : state.schema.mark('inline_rdfa', {
-            content: dateValue.toISOString(),
-          });
-      transaction.addMark(from, to, newMark);
-      transaction.insertText(formatDate(dateValue, onlyDate), from, to);
-      dispatch(transaction);
-    }
-    return true;
-  };
-}

package/addon/plugins/table-of-contents-plugin/utils/constants.ts

@@ -1,17 +0,0 @@
-export type TableOfContentsConfig = {
-  sectionPredicate: string[];
-  value:
-    | string
-    | {
-        predicate: string;
-      };
-}[];
-
-export const TABLE_OF_CONTENTS_DEFAULT_CONFIG: TableOfContentsConfig = [
-  {
-    sectionPredicate: ['https://say.data.gift/ns/hasPart', 'say:hasPart'],
-    value: {
-      predicate: 'https://say.data.gift/ns/heading',
-    },
-  },
-];

package/addon/plugins/template-variable-plugin/index.ts

@@ -1,6 +0,0 @@
-import { WidgetSpec } from '@lblod/ember-rdfa-editor';
-
-export const templateVariableWidget: WidgetSpec = {
-  componentName: 'template-variable-plugin/template-variable-card',
-  desiredLocation: 'sidebar',
-};

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

@@ -1,2 +0,0 @@
-export const MULTI_SELECT_CODELIST_TYPE =
-  'http://lblod.data.gift/concepts/57C93E12-A02C-4D4B-8B95-666B6701286C';

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

@@ -1,5 +0,0 @@
-export declare const SAY: (s: string) => import("./utils/namespace").Resource;
-export declare const RDF: (s: string) => import("./utils/namespace").Resource;
-export declare const ELI: (s: string) => import("./utils/namespace").Resource;
-export declare const XSD: (s: string) => import("./utils/namespace").Resource;
-export declare const EXT: (s: string) => import("./utils/namespace").Resource;

package/plugins/article-structure-plugin/utils/namespace.d.ts

@@ -1,6 +0,0 @@
-export type Resource = {
-    prefixed: string;
-    full: string;
-};
-export declare function namespace(uri: string, prefix: string): (s: string) => Resource;
-export declare function hasRDFaAttribute(element: Element, attr: string, value: Resource): boolean;

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

@@ -1,7 +0,0 @@
-import { CodeList } from './fetch-data';
-export type VariableType = {
-    label: string;
-    fetchSubtypes?: (endpoint: string, publisher: string) => Promise<CodeList[]>;
-    template: string | ((endpoint: string, selectedCodelist?: CodeList) => string);
-};
-export declare const DEFAULT_VARIABLE_TYPES: Record<string, VariableType>;

package/plugins/insert-variable-plugin/utils/fetch-data.d.ts

@@ -1,5 +0,0 @@
-export type CodeList = {
-    uri?: string;
-    label?: string;
-};
-export declare function fetchCodeListsByPublisher(endpoint: string, publisher: string): Promise<CodeList[]>;

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

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

package/plugins/rdfa-date-plugin/commands/modify-date.d.ts

@@ -1,2 +0,0 @@
-import { Command } from '@lblod/ember-rdfa-editor';
-export default function modifyDate(from: number, to: number, dateValue: Date, onlyDate: boolean): Command;

package/plugins/table-of-contents-plugin/utils/constants.d.ts

@@ -1,7 +0,0 @@
-export type TableOfContentsConfig = {
-    sectionPredicate: string[];
-    value: string | {
-        predicate: string;
-    };
-}[];
-export declare const TABLE_OF_CONTENTS_DEFAULT_CONFIG: TableOfContentsConfig;

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

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

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

@@ -1 +0,0 @@
-export declare const MULTI_SELECT_CODELIST_TYPE = "http://lblod.data.gift/concepts/57C93E12-A02C-4D4B-8B95-666B6701286C";