@lblod/ember-rdfa-editor-lblod-plugins 9.1.0 → 10.0.0

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/template-variable-card.js

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

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;