@lblod/ember-rdfa-editor-lblod-plugins 27.0.2 → 27.0.3

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @lblod/ember-rdfa-editor-lblod-plugins
 
+## 27.0.3
+
+### Patch Changes
+
+- [#545](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/545) [`49f902f`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/49f902f2b5c89d7799ecd4f0b6732f2e412ee2f5) Thanks [@elpoelma](https://github.com/elpoelma)! - Remove number node when backspacing/deleting inside empty input field
+
+- [#544](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/544) [`4e5edc3`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/4e5edc35b206847be16b4417d26bac95c6ea7750) Thanks [@elpoelma](https://github.com/elpoelma)! - IRGN plugin: use `xsd:boolean` type instead of custom `mu` boolean type in SPARQL queries.
+  This fixes the functionality of the mobility measure code dropdown.
+
+- [#541](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/541) [`4b7daf7`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/4b7daf7e212a2f1aea9765908ef5897f49cc9c93) Thanks [@elpoelma](https://github.com/elpoelma)! - Implement quick successive structure title changes using transaction composition
+
 ## 27.0.2
 
 ### Patch Changes

package/addon/components/structure-plugin/_private/structure.gts

@@ -27,6 +27,9 @@ import { getNameForStructureType } from '@lblod/ember-rdfa-editor-lblod-plugins/
 import { StructureType } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/structure-plugin/structure-types';
 import { romanize } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/structure-plugin/utils/romanize';
 import { Transaction } from '@lblod/ember-rdfa-editor';
+import { v4 as uuid } from 'uuid';
+import { setCompositionID } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/_private/transaction-utils';
+import { isNone } from '@lblod/ember-rdfa-editor/utils/_private/option';
 
 interface Sig {
   Args: EmberNodeArgs;
@@ -64,7 +67,9 @@ export default class Structure extends Component<Sig> {
    * A time counter to store the last time an update to the title was added to
    * the history
    * */
-  @tracked historyTimeStamp: number = 0;
+  historyTimeStamp: number = 0;
+  currentCompositionID?: string;
+
   innerEditor: NestedProsemirror | null = null;
 
   get showPlaceholder() {
@@ -154,7 +159,10 @@ export default class Structure extends Component<Sig> {
   }
 
   onTitleUpdate = (content: string, tr: Transaction) => {
-    let addToHistory = false;
+    const pos = this.args.getPos();
+    if (isNone(pos)) {
+      return;
+    }
     // every character typed would normally trigger a history event
     // in normal editor operation, this is ok, as the history plugin is smart
     // enough to group adjacent edits made in a short timespan (default 500ms)
@@ -162,12 +170,19 @@ export default class Structure extends Component<Sig> {
     // but since we trigger an attribute update, the history plugin can no
     // longer recognize these edits as adjacent, so each character triggers
     // a history event. This makes undoing title edits tedious, so we mimic the
-    // grouping here using the transaction timestamp
-    if (tr.time - this.historyTimeStamp > 500) {
-      addToHistory = true;
+    // grouping here using the transaction timestamp and compositionID
+    if (tr.time - this.historyTimeStamp > 500 || !this.currentCompositionID) {
       this.historyTimeStamp = tr.time;
+      this.currentCompositionID = uuid();
     }
-    this.args.updateAttribute('title', content, !addToHistory);
+
+    this.controller.withTransaction(
+      (tr) => {
+        setCompositionID(tr, this.currentCompositionID);
+        return tr.setNodeAttribute(pos, 'title', content);
+      },
+      { view: this.args.view },
+    );
   };
   onInnerEditorFocus = (view: SayView) => {
     this.controller.setActiveView(view);

package/addon/components/variable-plugin/number/nodeview.hbs

@@ -25,6 +25,7 @@
             placeholder={{t 'variable.number.type-number'}}
             {{did-insert this.focus}}
             {{on 'input' this.onInputNumberChange}}
+            {{on 'keydown' this.onInputKeydown}}
             {{leave-with-arrow-keys @controller @getPos}}
             {{leave-on-enter-key @controller @getPos}}
           />

package/addon/components/variable-plugin/number/nodeview.ts

@@ -107,6 +107,29 @@ export default class NumberNodeviewComponent extends Component<Args> {
     this.validateAndSave();
   }
 
+  @action
+  onInputKeydown(event: KeyboardEvent) {
+    if (
+      (event.key === 'Backspace' || event.key === 'Delete') &&
+      !this.inputNumber
+    ) {
+      event.preventDefault();
+      this.remove();
+    }
+  }
+
+  @action
+  remove() {
+    const pos = this.args.getPos();
+    if (pos !== undefined) {
+      this.controller.withTransaction((tr) => {
+        tr.deleteRange(pos, pos + this.node.nodeSize);
+        return tr;
+      });
+      this.controller.focus();
+    }
+  }
+
   @action
   changeWrittenNumber() {
     this.args.updateAttribute('writtenNumber', !this.writtenNumber);

package/addon/plugins/roadsign-regulation-plugin/queries/sign-codes.ts

@@ -1,6 +1,7 @@
 import {
   executeQuery,
   objectify,
+  sparqlEscapeBool,
   sparqlEscapeString,
   sparqlEscapeUri,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/sparql-helpers';
@@ -89,7 +90,7 @@ export default async function querySignCodes(
       ?uri mobiliteit:heeftMaatregelconcept ?measure.
       ?uri a ?signType;
               skos:prefLabel ?label;
-              ext:valid "true"^^<http://mu.semte.ch/vocabularies/typed-literals/boolean>.
+              ext:valid ${sparqlEscapeBool(true)}.
       ${filterStatement}
     }
     ORDER BY ASC(?label)

package/addon/utils/_private/transaction-utils.ts

@@ -0,0 +1,11 @@
+// TODO: move these utility functions to the `@lblod/ember-rdfa-editor` package
+
+import { Transaction } from '@lblod/ember-rdfa-editor';
+
+export function setCompositionID(tr: Transaction, compositionID: unknown) {
+  return tr.setMeta('composition', compositionID);
+}
+
+export function getCompositionID(tr: Transaction): unknown {
+  return tr.getMeta('composition');
+}

package/addon/utils/sparql-helpers.ts

@@ -20,6 +20,10 @@ interface QueryConfig {
 export const sparqlEscapeString = (value: string) =>
   '"""' + value.replace(/[\\"]/g, (match) => '\\' + match) + '"""';
 
+export const sparqlEscapeBool = (value: boolean) => {
+  return value ? '"true"^^xsd:boolean' : '"false"^^xsd:boolean';
+};
+
 export const sparqlEscapeUri = (value: string) => {
   return (
     '<' +

package/declarations/addon/components/structure-plugin/_private/structure.d.ts

@@ -20,6 +20,7 @@ export default class Structure extends Component<Sig> {
      * the history
      * */
     historyTimeStamp: number;
+    currentCompositionID?: string;
     innerEditor: NestedProsemirror | null;
     get showPlaceholder(): boolean;
     get controller(): import("@lblod/ember-rdfa-editor").SayController;

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

@@ -31,6 +31,8 @@ export default class NumberNodeviewComponent extends Component<Args> {
     get maxValue(): number;
     get label(): string | undefined;
     onInputNumberChange(event: InputEvent): void;
+    onInputKeydown(event: KeyboardEvent): void;
+    remove(): void;
     changeWrittenNumber(): void;
     get errorMessage(): string;
     validateAndSave(): void;

package/declarations/addon/utils/_private/transaction-utils.d.ts

@@ -0,0 +1,3 @@
+import { Transaction } from '@lblod/ember-rdfa-editor';
+export declare function setCompositionID(tr: Transaction, compositionID: unknown): Transaction;
+export declare function getCompositionID(tr: Transaction): unknown;

package/declarations/addon/utils/sparql-helpers.d.ts

@@ -15,6 +15,7 @@ interface QueryConfig {
     abortSignal?: AbortSignal;
 }
 export declare const sparqlEscapeString: (value: string) => string;
+export declare const sparqlEscapeBool: (value: boolean) => "\"true\"^^xsd:boolean" | "\"false\"^^xsd:boolean";
 export declare const sparqlEscapeUri: (value: string) => string;
 export declare function executeQuery<Binding = Record<string, RDF.Term>>({ query, endpoint, abortSignal, }: QueryConfig): Promise<QueryResult<Binding>>;
 export declare function executeCountQuery(queryConfig: QueryConfig): Promise<number>;

package/package.json

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