@lblod/ember-rdfa-editor-lblod-plugins 23.1.0 → 24.0.0

package/addon/plugins/variable-plugin/variables/autofilled.ts

@@ -0,0 +1,170 @@
+import {
+  DCT,
+  EXT,
+  RDF,
+} 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 {
+  DOMOutputSpec,
+  getRdfaAttrs,
+  PNode,
+  rdfaAttrSpec,
+} from '@lblod/ember-rdfa-editor';
+import {
+  hasRdfaVariableType,
+  isVariable,
+  parseLabel,
+  parseVariableInstance,
+  parseVariableType,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/utils/variable-attribute-parsers';
+import AutofilledNodeViewComponent from '@lblod/ember-rdfa-editor-lblod-plugins/components/variable-plugin/autofilled/nodeview';
+import type { ComponentLike } from '@glint/template';
+import { hasOutgoingNamedNodeTriple } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace';
+import { renderRdfaAware } from '@lblod/ember-rdfa-editor/core/schema';
+import { sayDataFactory } from '@lblod/ember-rdfa-editor/core/say-data-factory';
+
+const CONTENT_SELECTOR = `span[property~='${EXT('content').prefixed}'],
+                          span[property~='${EXT('content').full}']`;
+const rdfaAware = true;
+const parseDOM = [
+  {
+    tag: 'span',
+    getAttrs: (node: HTMLElement) => {
+      const attrs = getRdfaAttrs(node, { rdfaAware });
+      if (!attrs) {
+        return false;
+      }
+      if (
+        hasOutgoingNamedNodeTriple(attrs, RDF('type'), EXT('Mapping')) &&
+        node.querySelector('[data-content-container="true"]') &&
+        hasRdfaVariableType(attrs, 'autofilled')
+      ) {
+        if (attrs.rdfaNodeType !== 'resource') {
+          return false;
+        }
+        const autofillKey = node.dataset.autofillKey;
+        const convertToString = node.dataset.convertToString === 'true';
+        const initialized = node.dataset.initialized === 'true';
+        return {
+          ...attrs,
+          autofillKey,
+          convertToString,
+          initialized,
+        };
+      }
+
+      return false;
+    },
+    contentElement: '[data-content-container="true"]',
+  },
+  {
+    tag: 'span',
+    getAttrs: (node: HTMLElement) => {
+      if (
+        isVariable(node) &&
+        node.querySelector(CONTENT_SELECTOR) &&
+        parseVariableType(node) === 'autofilled'
+      ) {
+        const mappingSubject =
+          node.getAttribute('subject') ||
+          node.getAttribute('resource') ||
+          node.getAttribute('about');
+        if (!mappingSubject) {
+          return false;
+        }
+        const variableInstance = parseVariableInstance(node);
+        const label = parseLabel(node);
+        const autofillKey = node.dataset.autofillKey;
+        const convertToString = node.dataset.convertToString === 'true';
+        const initialized = node.dataset.initialized === 'true';
+        return {
+          __rdfaId: uuidv4(),
+          subject: mappingSubject,
+          rdfaNodeType: 'resource',
+          properties: [
+            {
+              predicate: RDF('type').full,
+              object: sayDataFactory.namedNode(EXT('Mapping').full),
+            },
+            {
+              predicate: EXT('instance').full,
+              object: sayDataFactory.namedNode(
+                variableInstance ??
+                  `http://data.lblod.info/variables/${uuidv4()}`,
+              ),
+            },
+            {
+              predicate: EXT('label').full,
+              object: sayDataFactory.literal(label || ''),
+            },
+            {
+              predicate: DCT('type').full,
+              object: sayDataFactory.literal('autofilled'),
+            },
+            {
+              predicate: EXT('content').full,
+              object: sayDataFactory.contentLiteral(),
+            },
+          ],
+          autofillKey,
+          convertToString,
+          initialized,
+        };
+      }
+
+      return false;
+    },
+    contentElement: CONTENT_SELECTOR,
+  },
+];
+
+const toDOM = (node: PNode): DOMOutputSpec => {
+  return renderRdfaAware({
+    renderable: node,
+    tag: 'span',
+    attrs: {
+      ...node.attrs,
+      'data-autofill-key': node.attrs.autofillKey,
+      'data-convert-to-string': node.attrs.convertToString,
+      'data-initialized': node.attrs.initialized,
+    },
+    content: 0,
+  });
+};
+
+const emberNodeConfig: EmberNodeConfig = {
+  name: 'autofilled-variable',
+  component: AutofilledNodeViewComponent as unknown as ComponentLike,
+  inline: true,
+  group: 'inline variable',
+  content: 'inline*',
+  atom: true,
+  recreateUri: true,
+  uriAttributes: ['variableInstance'],
+  draggable: false,
+  needsFFKludge: true,
+  editable: true,
+  selectable: true,
+  attrs: {
+    ...rdfaAttrSpec({ rdfaAware }),
+    autofillKey: {
+      default: '',
+    },
+    convertToString: {
+      default: false,
+    },
+    initialized: {
+      default: false,
+    },
+  },
+  toDOM,
+  parseDOM,
+};
+
+export const autofilled_variable = createEmberNodeSpec(emberNodeConfig);
+export const autofilledVariableView = createEmberNodeView(emberNodeConfig);

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

@@ -5,3 +5,4 @@ export * from './location';
 export * from './address';
 export * from './date';
 export * from './person';
+export * from './autofilled';

package/addon/services/roadsign-registry.ts

@@ -8,6 +8,7 @@ import Sign from '../models/sign';
 import { IBindings } from 'fetch-sparql-endpoint';
 import dataFactory from '@rdfjs/data-model';
 import { optionMapOr, unwrap } from '../utils/option';
+import { sparqlEscapeString } from '../utils/sparql-helpers';
 
 const PREFIXES = `
 PREFIX ex: <http://example.org#>
@@ -112,7 +113,7 @@ export default class RoadsignRegistryService extends Service {
         ${signFilter}
         ${
           codeString
-            ? `FILTER(CONTAINS(LCASE(?signCode), "${codeString.toLowerCase()}"))`
+            ? `FILTER(CONTAINS(LCASE(?signCode), ${sparqlEscapeString(codeString.toLowerCase())}))`
             : ''
         }
       }

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

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

package/app/components/variable-plugin/autofilled/insert.js

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

package/app/components/variable-plugin/autofilled/nodeview.js

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

package/declarations/addon/components/snippet-plugin/nodes/snippet.d.ts

@@ -14,6 +14,7 @@ export default class SnippetNode extends Component<Signature> {
     get node(): PNode;
     closeModal(): void;
     openModal(): void;
+    get allowMultipleSnippets(): boolean;
     addFragment(): void;
     editFragment(): void;
     deleteFragment(): void;

package/declarations/addon/components/snippet-plugin/snippet-insert-placeholder.d.ts

@@ -12,6 +12,6 @@ export default class SnippetPluginSnippetInsertPlaceholder extends Component<Sig
     get placeholderNode(): NodeType | undefined;
     openModal(): void;
     closeModal(): void;
-    insertPlaceholder(lists: SnippetList[] | undefined): void;
+    insertPlaceholder(lists: SnippetList[] | undefined, allowMultipleSnippets: boolean): void;
 }
 export {};

package/declarations/addon/components/snippet-plugin/snippet-insert-rdfa.d.ts

@@ -15,5 +15,6 @@ export default class SnippetInsertRdfaComponent extends Component<Sig> {
         listIds: string[];
         importedResources: ImportedResourceMap;
     } | undefined;
+    get allowMultipleSnippets(): boolean;
 }
 export {};

package/declarations/addon/components/snippet-plugin/snippet-insert.d.ts

@@ -11,6 +11,7 @@ interface Sig {
             importedResources: ImportedResourceMap;
         } | undefined;
         disabled?: boolean;
+        allowMultipleSnippets?: boolean;
     };
 }
 export default class SnippetInsertComponent extends Component<Sig> {

package/declarations/addon/components/snippet-plugin/snippet-list/snippet-list-modal.d.ts

@@ -4,10 +4,11 @@ import { SnippetPluginConfig, SnippetList } from '@lblod/ember-rdfa-editor-lblod
 interface Signature {
     Args: {
         config: SnippetPluginConfig;
-        onSaveSnippetLists: (lists: SnippetList[]) => void;
+        onSaveSnippetLists: (lists: SnippetList[], allowMultipleSnippets: boolean) => void;
         assignedSnippetListsIds: string[] | undefined;
         closeModal: () => void;
         open: boolean;
+        allowMultipleSnippets?: boolean;
     };
 }
 export default class SnippetListModalComponent extends Component<Signature> {
@@ -15,6 +16,8 @@ export default class SnippetListModalComponent extends Component<Signature> {
     sort: OrderBy;
     error: unknown;
     assignedSnippetListsIds: string[];
+    allowMultipleSnippets: boolean;
+    handleMultipleSnippetsCheckbox(checked: boolean): void;
     get config(): SnippetPluginConfig;
     closeModal(): void;
     saveAndClose(): void;

package/declarations/addon/components/snippet-plugin/snippet-list-select.d.ts

@@ -18,7 +18,8 @@ export default class SnippetListSelect extends Component<Signature> {
     get isResourceNode(): boolean;
     get snippetListIdsProperties(): OutgoingTriple[];
     get assignedSnippetListsIds(): string[];
+    get allowMultipleSnippets(): boolean;
     get imported(): ImportedResourceMap;
-    onSaveSnippetLists(lists: SnippetList[]): void;
+    onSaveSnippetLists(lists: SnippetList[], allowMultipleSnippets: boolean): void;
 }
 export {};

package/declarations/addon/components/variable-plugin/autofilled/edit.d.ts

@@ -0,0 +1,28 @@
+import Component from '@glimmer/component';
+import { type SayController } from '@lblod/ember-rdfa-editor';
+import IntlService from 'ember-intl/services/intl';
+type Args = {
+    controller: SayController;
+};
+export default class AutoFilledVariableInsertComponent extends Component<Args> {
+    intl: IntlService;
+    convertToString: boolean;
+    autofillKey?: string;
+    label: string;
+    get selectedVariable(): {
+        node: import("prosemirror-model").Node;
+        pos: number;
+    } | null;
+    get autofillKeyAttr(): any;
+    get convertToStringAttr(): any;
+    get labelAttr(): string | undefined;
+    get showCard(): boolean;
+    get controller(): SayController;
+    get schema(): import("prosemirror-model").Schema<any, any>;
+    get documentLanguage(): string;
+    updateLabel(event: InputEvent): void;
+    updateAutofillKey(event: InputEvent): void;
+    updateConvertToString(value: boolean): void;
+    edit(): void;
+}
+export {};

package/declarations/addon/components/variable-plugin/autofilled/insert.d.ts

@@ -0,0 +1,20 @@
+import Component from '@glimmer/component';
+import { type SayController } from '@lblod/ember-rdfa-editor';
+import IntlService from 'ember-intl/services/intl';
+type Args = {
+    controller: SayController;
+};
+export default class AutoFilledVariableInsertComponent extends Component<Args> {
+    intl: IntlService;
+    label: string;
+    autofillKey?: string;
+    convertToString?: boolean;
+    get controller(): SayController;
+    get schema(): import("prosemirror-model").Schema<any, any>;
+    get documentLanguage(): string;
+    updateLabel(event: InputEvent): void;
+    updateAutofillKey(event: InputEvent): void;
+    updateConvertToString(value: boolean): void;
+    insert(): void;
+}
+export {};

package/declarations/addon/components/variable-plugin/autofilled/nodeview.d.ts

@@ -0,0 +1,22 @@
+import Component from '@glimmer/component';
+import { PNode, ProsePlugin, SayController, SayView } from '@lblod/ember-rdfa-editor';
+import { EmberNodeArgs, SayNodeViewConstructor } from '@lblod/ember-rdfa-editor/utils/ember-node';
+type Args = EmberNodeArgs & {
+    getPos: () => number | undefined;
+    node: PNode;
+    updateAttribute: (attr: string, value: unknown) => void;
+    controller: SayController;
+    view: SayView;
+    selected: boolean;
+    selectNode: () => void;
+    nodeViews: Record<string, SayNodeViewConstructor>;
+};
+export default class AutoFilledVariableNodeViewComponent extends Component<Args> {
+    PencilIcon: TOC<import("@appuniversum/ember-appuniversum/components/icons/pencil").PencilIconSignature>;
+    innerView?: SayView;
+    get plugins(): ProsePlugin[];
+    onClick(): void;
+    initEditor(view: SayView): void;
+    get label(): string | undefined;
+}
+export {};

package/declarations/addon/components/variable-plugin/utils/label-input.d.ts

@@ -1 +1,11 @@
-export {};
+/// <reference types=".pnpm/ember-source@4.12.0_@babel+core@7.24.7_@glimmer+component@1.1.2_@babel+core@7.24.7__@glint+template@1.4.0_webpack@5.92.1/node_modules/ember-source/types/stable/@ember/component/template-only" />
+/// <reference types="@glint/environment-ember-loose/-private/dsl/integration-declarations" />
+import { TemplateOnlyComponent } from '@ember/component/template-only';
+interface Sig {
+    Args: {
+        label: string;
+        updateLabel: (event: InputEvent) => void;
+    };
+}
+declare const LabelInput: TemplateOnlyComponent<Sig>;
+export default LabelInput;

package/declarations/addon/plugins/snippet-plugin/commands/insert-snippet.d.ts

@@ -9,6 +9,7 @@ export interface InsertSnippetCommandArgs {
         start: number;
         end: number;
     };
+    allowMultipleSnippets?: boolean;
 }
-declare const insertSnippet: ({ content, title, assignedSnippetListsIds, importedResources, range, }: InsertSnippetCommandArgs) => Command;
+declare const insertSnippet: ({ content, title, assignedSnippetListsIds, importedResources, range, allowMultipleSnippets, }: InsertSnippetCommandArgs) => Command;
 export default insertSnippet;

package/declarations/addon/plugins/snippet-plugin/commands/update-snippet-placeholder.d.ts

@@ -2,10 +2,11 @@ import { Command } from '@lblod/ember-rdfa-editor';
 import { type OutgoingTriple } from '@lblod/ember-rdfa-editor/core/rdfa-processor';
 import { type ResolvedPNode } from '@lblod/ember-rdfa-editor/utils/_private/types';
 import { type ImportedResourceMap, type SnippetList } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
-export declare const updateSnippetPlaceholder: ({ resource, oldSnippetProperties, newSnippetLists, oldImportedResources, node, }: {
+export declare const updateSnippetPlaceholder: ({ resource, oldSnippetProperties, newSnippetLists, oldImportedResources, node, allowMultipleSnippets, }: {
     resource: string;
     oldSnippetProperties: OutgoingTriple[];
     newSnippetLists: SnippetList[];
     oldImportedResources: ImportedResourceMap;
     node: ResolvedPNode;
+    allowMultipleSnippets?: boolean | undefined;
 }) => Command;

package/declarations/addon/plugins/snippet-plugin/nodes/snippet-placeholder.d.ts

@@ -3,6 +3,6 @@ import { type ImportedResourceMap, type SnippetList } from '@lblod/ember-rdfa-ed
 export declare function importedResourcesFromSnippetLists(lists: SnippetList[], existing?: ImportedResourceMap): {
     [k: string]: import("../../../utils/option").Option<string>;
 };
-export declare function createSnippetPlaceholder(lists: SnippetList[], schema: Schema): import("prosemirror-model").Node;
+export declare function createSnippetPlaceholder(lists: SnippetList[], schema: Schema, allowMultipleSnippets?: boolean): import("prosemirror-model").Node;
 export declare const snippetPlaceholder: import("@lblod/ember-rdfa-editor/core/say-node-spec").default;
 export declare const snippetPlaceholderView: (controller: import("@lblod/ember-rdfa-editor").SayController) => import("@lblod/ember-rdfa-editor/utils/ember-node").SayNodeViewConstructor;

package/declarations/addon/plugins/snippet-plugin/nodes/snippet.d.ts

@@ -7,6 +7,7 @@ interface CreateSnippetArgs {
     title: string;
     snippetListIds: string[];
     importedResources?: ImportedResourceMap;
+    allowMultipleSnippets?: boolean;
 }
 /**
  * Creates a Snippet node wrapping the given content while allowing for further snippets to be added
@@ -14,7 +15,7 @@ interface CreateSnippetArgs {
  * @returns a tuple containing the Node and the map of imported resources to the new outgoing
  * properties that these resources will have after the snippet is inserted into the document.
  **/
-export declare function createSnippet({ schema, content, title, snippetListIds, importedResources, }: CreateSnippetArgs): [PNode, Map<string, OutgoingTriple[]>];
+export declare function createSnippet({ schema, content, title, snippetListIds, importedResources, allowMultipleSnippets, }: CreateSnippetArgs): [PNode, Map<string, OutgoingTriple[]>];
 export declare const snippet: (config: SnippetPluginConfig) => import("@lblod/ember-rdfa-editor/core/say-node-spec").default;
 export declare const snippetView: (config: SnippetPluginConfig) => (controller: import("@lblod/ember-rdfa-editor").SayController) => import("@lblod/ember-rdfa-editor/utils/ember-node").SayNodeViewConstructor;
 export {};

package/declarations/addon/plugins/variable-plugin/plugins/autofiller.d.ts

@@ -0,0 +1,8 @@
+import { ProsePlugin } from '@lblod/ember-rdfa-editor';
+type AutofilledArgs = {
+    autofilledValues: {
+        [Key: string]: string;
+    };
+};
+export declare function variableAutofillerPlugin(config: AutofilledArgs): ProsePlugin;
+export {};

package/declarations/addon/plugins/variable-plugin/variables/autofilled.d.ts

@@ -0,0 +1,2 @@
+export declare const autofilled_variable: import("@lblod/ember-rdfa-editor/core/say-node-spec").default;
+export declare const autofilledVariableView: (controller: import("@lblod/ember-rdfa-editor").SayController) => import("@lblod/ember-rdfa-editor/utils/ember-node").SayNodeViewConstructor;

package/declarations/addon/plugins/variable-plugin/variables/index.d.ts

@@ -5,3 +5,4 @@ export * from './location';
 export * from './address';
 export * from './date';
 export * from './person';
+export * from './autofilled';

package/package.json

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

package/translations/en-US.yaml

@@ -254,6 +254,8 @@ variable:
     label: address
   person:
     label: person
+  autofilled:
+    label: autofilled
 variable-plugin:
   insert-variable: Insert variable
   button: Insert
@@ -269,6 +271,10 @@ variable-plugin:
   person:
     card-title: Insert person
     nodeview-placeholder: Insert person
+  autofill:
+    autofillKey: Autofill Key
+    convertToString: Replace variable node with plain text on text insertion
+    autofillKeyPlaceholder: Autofill Key
 
 table-of-contents-plugin:
   title: Table of Contents
@@ -324,6 +330,7 @@ snippet-plugin:
         list: List
         created: Created
         imported-resources: Imported Resources
+      multi-snippet-toggle: Allow multi-snippet selection
   snippet-node:
     change-fragment: Change Fragment
     remove-fragment: Remove Fragment

package/translations/nl-BE.yaml

@@ -258,6 +258,8 @@ variable:
     label: adres
   person:
     label: persoon
+  autofilled:
+    label: automatisch ingevuld
 variable-plugin:
   insert-variable: Voeg variabele in
   button: Voeg in
@@ -273,6 +275,10 @@ variable-plugin:
   person:
     card-title: Persoon invoegen
     nodeview-placeholder: Voeg persoon in
+  autofill:
+    autofillKey: Sleutelwaarde
+    convertToString: Vervang variabele door platte tekst bij invoegen
+    autofillKeyPlaceholder: Sleutelwaarde
 dummy:
   validation-card:
     title: Documentvalidatie
@@ -323,6 +329,7 @@ snippet-plugin:
         list: Lijst
         created: Aangemaakt op
         imported-resources: Ingevoerde Middelen
+      multi-snippet-toggle: Meerkeuze-fragmentselectie
   snippet-node:
     change-fragment: Fragment vervangen
     remove-fragment: Fragment verwijderen

package/addon/components/variable-plugin/utils/label-input.hbs

@@ -1,11 +0,0 @@
-<AuLabel for='label'>
-  {{t 'variable-plugin.label'}}
-</AuLabel>
-<AuNativeInput
-  id='label'
-  placeholder={{t 'variable-plugin.labelPlaceholder'}}
-  @type='text'
-  @width='block'
-  value={{@label}}
-  {{on 'input' @updateLabel}}
-/>