@lblod/ember-rdfa-editor-lblod-plugins 2.1.1 → 3.0.0

package/.woodpecker/.release.yml

@@ -1,6 +1,6 @@
 pipeline:
   install:
-    image: danlynn/ember-cli:4.4.0
+    image: danlynn/ember-cli:4.8.0
     commands:
       - npm ci
   release:

package/.woodpecker/.test-scenarios.yml

@@ -0,0 +1,17 @@
+matrix:
+  scenario:
+    - ember-lts-3.28
+
+pipeline:
+  ${scenario}:
+    image: danlynn/ember-cli:4.8.0
+    commands:
+      - npm ci
+      - npx ember try:one ${scenario}
+
+when:
+  event:
+    - pull_request
+
+depends_on:
+  - test

package/.woodpecker/.test.yml

@@ -1,23 +1,23 @@
 
 pipeline:
   install:
-    image: danlynn/ember-cli:4.4.0
+    image: danlynn/ember-cli:4.8.0
     commands:
       - npm ci
   lint-js:
-    image: danlynn/ember-cli:4.4.0
+    image: danlynn/ember-cli:4.8.0
     group: lint
     commands:
       - npm run lint:js
   lint-hbs:
-    image: danlynn/ember-cli:4.4.0
+    image: danlynn/ember-cli:4.8.0
     group: lint
     commands:
       - npm run lint:hbs
   test:
-    image: danlynn/ember-cli:4.4.0
+    image: danlynn/ember-cli:4.8.0
     commands:
-      - npm run test:ember || exit 0
+      - npm run test:ember
 when:
   event:
     - pull_request

package/CHANGELOG.md

@@ -7,6 +7,34 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [3.0.0] - 2023-02-27
+
+### Changed
+- Feature/allow paragraphs inside article paragraphs
+- Set selectable on false for structure-headers
+- BREAKING: the argument structure of plugin components has changed. `widgetArgs` is no longer in use, it's properties are now direct properties of the component `args`.
+ 
+### Added
+- Added a new option to the structures to not support unwrap and made the article paragraphs the first structure to use this option
+
+### Fixed
+- fix translation warnings
+
+### Removed
+- Remove insert date and time as it's no longer needed
+
+### Dependencies
+- Bumps `ember-power-select` to 6.0.1
+- Bumps `ember-source` to 4.8.4
+- Bumps `@lblod/ember-rdfa-editor` to 3.2.0
+ 
+## [2.1.2] - 2023-02-15
+
+### Fixed
+
+- fixed subsection 'move down' dutch translation
+- Hotfix: use content attribute as a fallback to extract the codelist URI
+
 ## [2.1.1] - 2023-02-07
 
 ### Changed
@@ -316,5 +344,7 @@ add onclick handler to pencil icon in variable plugin
 
 # Changelog
 
-[unreleased]: https://github.com/lblod/ember-rdfa-editor-lblod-plugins/compare/v2.1.1...HEAD
+[unreleased]: https://github.com/lblod/ember-rdfa-editor-lblod-plugins/compare/v3.0.0...HEAD
+[3.0.0]: https://github.com/lblod/ember-rdfa-editor-lblod-plugins/compare/v2.1.2...v3.0.0
+[2.1.2]: https://github.com/lblod/ember-rdfa-editor-lblod-plugins/compare/v2.1.1...v2.1.2
 [2.1.1]: https://github.com/lblod/ember-rdfa-editor-lblod-plugins/compare/v2.1.0...v2.1.1

package/README.md

@@ -9,6 +9,7 @@ Ember v2 addon which bundles a collection of [ember-rdfa-editor](https://github.
 
 * Ember.js v3.28 or above
 * Embroider or ember-auto-import v2
+* Node 18 or above
 
 
 ## Installation

package/addon/components/article-structure-plugin/article-structure-card.hbs

@@ -1,4 +1,3 @@
-{{#unless @controller.inEmbeddedView}}
 <div>
   {{#each this.structureTypes as |structureType|}}
   <AuList::Item>
@@ -8,5 +7,4 @@
     </AuButton>
   </AuList::Item>
   {{/each}}
-</div>
-{{/unless}}
+</div>

package/addon/components/article-structure-plugin/article-structure-card.ts

@@ -1,6 +1,5 @@
 import Component from '@glimmer/component';
 import { inject as service } from '@ember/service';
-import { ProseController } from '@lblod/ember-rdfa-editor';
 import IntlService from 'ember-intl/services/intl';
 import {
   ArticleStructurePluginOptions,
@@ -8,26 +7,33 @@ import {
 } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/article-structure-plugin';
 import { action } from '@ember/object';
 import { insertStructure } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/article-structure-plugin/commands';
+import { SayController } from '@lblod/ember-rdfa-editor';
 
 type Args = {
-  controller: ProseController;
-  widgetArgs: {
-    options: ArticleStructurePluginOptions;
-  };
+  controller: SayController;
+  options: ArticleStructurePluginOptions;
 };
 export default class EditorPluginsArticleStructureCardComponent extends Component<Args> {
   @service declare intl: IntlService;
 
   get structureTypes() {
-    return this.args.widgetArgs.options;
+    return this.args.options;
+  }
+
+  get controller() {
+    return this.args.controller;
   }
 
   @action
   insertStructure(spec: StructureSpec) {
-    this.args.controller.doCommand(insertStructure(spec, this.intl));
+    this.args.controller.doCommand(insertStructure(spec, this.intl), {
+      view: this.controller.mainEditorView,
+    });
     this.args.controller.focus();
   }
 
   canInsertStructure = (spec: StructureSpec) =>
-    this.args.controller.checkCommand(insertStructure(spec, this.intl));
+    this.args.controller.checkCommand(insertStructure(spec, this.intl), {
+      view: this.controller.mainEditorView,
+    });
 }

package/addon/components/article-structure-plugin/structure-card.hbs

@@ -26,10 +26,12 @@
           </AuButton>
         </Item>
         <Item>
-          <AuToggleSwitch 
-            @label={{t "article-structure-plugin.remove.content"}} 
-            @checked={{this.removeStructureContent}}
-            @onChange={{this.setRemoveStructureContent}}/>
+          {{#unless this.currentStructureType.noUnwrap}}
+            <AuToggleSwitch
+              @label={{t "article-structure-plugin.remove.content"}}
+              @checked={{this.removeStructureContent}}
+              @onChange={{this.setRemoveStructureContent}}/>
+          {{/unless}}
           <AuButton
             @icon="bin"
             @iconAlignment="left"

package/addon/components/article-structure-plugin/structure-card.ts

@@ -1,6 +1,6 @@
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
-import { ProseController } from '@lblod/ember-rdfa-editor';
+import { SayController } from '@lblod/ember-rdfa-editor';
 import {
   moveSelectedStructure,
   removeStructure,
@@ -13,10 +13,8 @@ import { inject as service } from '@ember/service';
 import IntlService from 'ember-intl/services/intl';
 
 type Args = {
-  controller: ProseController;
-  widgetArgs: {
-    options: ArticleStructurePluginOptions;
-  };
+  controller: SayController;
+  options: ArticleStructurePluginOptions;
 };
 
 export default class EditorPluginsStructureCardComponent extends Component<Args> {
@@ -30,7 +28,8 @@ export default class EditorPluginsStructureCardComponent extends Component<Args>
   @action
   moveStructure(direction: 'up' | 'down') {
     this.controller.doCommand(
-      moveSelectedStructure(this.structureTypes, direction, this.intl)
+      moveSelectedStructure(this.structureTypes, direction, this.intl),
+      { view: this.controller.mainEditorView }
     );
     this.controller.focus();
   }
@@ -38,9 +37,10 @@ export default class EditorPluginsStructureCardComponent extends Component<Args>
   @action
   removeStructure() {
     if (this.structure && this.currentStructureType) {
-      if (this.removeStructureContent) {
+      if (this.removeStructureContent || this.currentStructureType.noUnwrap) {
         this.controller.doCommand(
-          removeStructure(this.structure, this.structureTypes)
+          removeStructure(this.structure, this.structureTypes),
+          { view: this.controller.mainEditorView }
         );
       } else {
         this.controller.doCommand(
@@ -50,7 +50,8 @@ export default class EditorPluginsStructureCardComponent extends Component<Args>
               type: this.currentStructureType,
             },
             this.structureTypes
-          )
+          ),
+          { view: this.controller.mainEditorView }
         );
       }
     }
@@ -63,7 +64,7 @@ export default class EditorPluginsStructureCardComponent extends Component<Args>
   }
 
   get structureTypes() {
-    return this.args.widgetArgs.options;
+    return this.args.options;
   }
 
   get structureNodeSpecs() {
@@ -73,7 +74,7 @@ export default class EditorPluginsStructureCardComponent extends Component<Args>
   }
 
   get structure() {
-    const currentSelection = this.controller.state.selection;
+    const currentSelection = this.controller.mainEditorState.selection;
     return findAncestorOfType(currentSelection, ...this.structureNodeSpecs);
   }
 
@@ -93,19 +94,21 @@ export default class EditorPluginsStructureCardComponent extends Component<Args>
 
   get canMoveDown() {
     return this.controller.checkCommand(
-      moveSelectedStructure(this.structureTypes, 'down', this.intl)
+      moveSelectedStructure(this.structureTypes, 'down', this.intl),
+      { view: this.controller.mainEditorView }
     );
   }
 
   get canMoveUp() {
     return this.controller.checkCommand(
-      moveSelectedStructure(this.structureTypes, 'up', this.intl)
+      moveSelectedStructure(this.structureTypes, 'up', this.intl),
+      { view: this.controller.mainEditorView }
     );
   }
 
   get canRemoveStructure() {
     if (this.structure && this.currentStructureType) {
-      if (this.removeStructureContent) {
+      if (this.removeStructureContent || this.currentStructureType.noUnwrap) {
         return true;
       } else {
         return this.controller.checkCommand(
@@ -115,7 +118,8 @@ export default class EditorPluginsStructureCardComponent extends Component<Args>
               type: this.currentStructureType,
             },
             this.structureTypes
-          )
+          ),
+          { view: this.controller.mainEditorView }
         );
       }
     }

package/addon/components/besluit-plugin/besluit-plugin-card.ts

@@ -1,12 +1,12 @@
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { insertTitle } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/besluit-plugin/commands';
-import { ProseController } from '@lblod/ember-rdfa-editor';
+import { SayController } from '@lblod/ember-rdfa-editor';
 import { inject as service } from '@ember/service';
 import IntlService from 'ember-intl/services/intl';
 
 type Args = {
-  controller: ProseController;
+  controller: SayController;
 };
 
 export default class BesluitPluginCardComponent extends Component<Args> {
@@ -21,11 +21,15 @@ export default class BesluitPluginCardComponent extends Component<Args> {
 
   @action
   insertTitle() {
-    this.controller.doCommand(insertTitle(this.intl));
+    this.controller.doCommand(insertTitle(this.intl), {
+      view: this.controller.mainEditorView,
+    });
     this.focus();
   }
 
   get canInsertTitle() {
-    return this.controller.checkCommand(insertTitle(this.intl));
+    return this.controller.checkCommand(insertTitle(this.intl), {
+      view: this.controller.mainEditorView,
+    });
   }
 }

package/addon/components/besluit-type-plugin/toolbar-dropdown.hbs

@@ -1,4 +1,4 @@
-<div {{did-update this.updateBesluitTypes @controller.state}} 
+<div {{did-update this.updateBesluitTypes @controller.mainEditorState}} 
      {{did-update this.updateBesluitTypes this.types.value}}>
 {{#if this.showCard}}
   {{#if this.types.isError}}
@@ -6,7 +6,7 @@
       @skin="error"
       @icon="circle-x"
       @iconAlignment="left"
-      class="au-c-pill--link"
+      class="au-c-pill--link besluit-toolbar-pill"
       {{on "click" this.toggleCard}}>
       {{t "besluit-type-plugin.error-short"}}
     </AuPill>

package/addon/components/besluit-type-plugin/toolbar-dropdown.ts

@@ -7,16 +7,16 @@ import {
   addType,
   removeType,
 } from '@lblod/ember-rdfa-editor/commands/type-commands';
-import { ProseController } from '@lblod/ember-rdfa-editor/core/prosemirror';
+import { SayController } from '@lblod/ember-rdfa-editor';
 import CurrentSessionService from '@lblod/frontend-gelinkt-notuleren/services/current-session';
 import { ResolvedPNode } from '@lblod/ember-rdfa-editor/plugins/datastore';
-import { unwrap } from '@lblod/ember-rdfa-editor/utils/option';
 import { getRdfaAttribute } from '@lblod/ember-rdfa-editor/utils/rdfa-utils';
 import fetchBesluitTypes, {
   BesluitType,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/besluit-type-plugin/utils/fetchBesluitTypes';
 import { findAncestorOfType } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/article-structure-plugin/utils/structure';
 import { trackedFunction } from 'ember-resources/util/function';
+import { unwrap } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option';
 
 declare module 'ember__owner' {
   export default interface Owner {
@@ -25,7 +25,7 @@ declare module 'ember__owner' {
 }
 
 type Args = {
-  controller: ProseController;
+  controller: SayController;
 };
 
 export default class EditorPluginsToolbarDropdownComponent extends Component<Args> {
@@ -56,7 +56,7 @@ export default class EditorPluginsToolbarDropdownComponent extends Component<Arg
   }
 
   get doc() {
-    return this.controller.state.doc;
+    return this.controller.mainEditorState.doc;
   }
 
   types = trackedFunction(this, async () => {
@@ -71,7 +71,7 @@ export default class EditorPluginsToolbarDropdownComponent extends Component<Arg
   });
 
   get currentBesluitRange(): ResolvedPNode | undefined {
-    const selection = this.controller.state.selection;
+    const selection = this.controller.mainEditorState.selection;
     const besluit = findAncestorOfType(
       selection,
       this.controller.schema.nodes['besluit']
@@ -104,7 +104,7 @@ export default class EditorPluginsToolbarDropdownComponent extends Component<Arg
       return;
     }
     const besluit = findAncestorOfType(
-      this.controller.state.selection,
+      this.controller.mainEditorState.selection,
       this.controller.schema.nodes['besluit']
     );
     const besluitTypeof = besluit?.node.attrs.typeof as string;
@@ -206,12 +206,14 @@ export default class EditorPluginsToolbarDropdownComponent extends Component<Arg
     if (this.besluitType && this.currentBesluitRange) {
       this.cardExpanded = false;
       if (this.previousBesluitType) {
-        this.controller.checkAndDoCommand(
-          removeType(this.currentBesluitRange.from, this.previousBesluitType)
+        this.controller.doCommand(
+          removeType(this.currentBesluitRange.from, this.previousBesluitType),
+          { view: this.controller.mainEditorView }
         );
       }
-      this.controller.checkAndDoCommand(
-        addType(this.currentBesluitRange.from, this.besluitType.uri)
+      this.controller.doCommand(
+        addType(this.currentBesluitRange.from, this.besluitType.uri),
+        { view: this.controller.mainEditorView }
       );
     }
   }

package/addon/components/citation-plugin/citation-card.ts

@@ -19,7 +19,7 @@ import {
   CitationDecoration,
   CitationPlugin,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin';
-import { ProseController, Transaction } from '@lblod/ember-rdfa-editor';
+import { SayController, Transaction } from '@lblod/ember-rdfa-editor';
 import { citedText } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin/utils/cited-text';
 import {
   LEGISLATION_TYPES,
@@ -27,10 +27,8 @@ import {
 } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin/utils/legislation-types';
 
 interface Args {
-  controller: ProseController;
-  widgetArgs: {
-    plugin: CitationPlugin;
-  };
+  controller: SayController;
+  plugin: CitationPlugin;
 }
 
 export default class CitationCardComponent extends Component<Args> {
@@ -45,7 +43,7 @@ export default class CitationCardComponent extends Component<Args> {
   @tracked cardText: string | null = null;
   @tracked cardLegislationType: string | null = null;
 
-  get controller(): ProseController {
+  get controller(): SayController {
     return this.args.controller;
   }
 
@@ -54,15 +52,15 @@ export default class CitationCardComponent extends Component<Args> {
   }
 
   get plugin() {
-    return this.args.widgetArgs.plugin;
+    return this.args.plugin;
   }
 
   get decorations() {
-    return this.plugin.getState(this.controller.state)?.highlights;
+    return this.plugin.getState(this.controller.mainEditorState)?.highlights;
   }
 
   get activeDecoration(): Option<CitationDecoration> {
-    const { from, to } = this.controller.state.selection;
+    const { from, to } = this.controller.mainEditorState.selection;
     return this.decorations?.find(from, to)[0];
   }
 
@@ -186,14 +184,16 @@ export default class CitationCardComponent extends Component<Args> {
     const uri = decision.uri;
     const title = decision.title ?? '';
     const { from, to } = unwrap(this.activeDecoration);
-    this.controller.withTransaction((tr: Transaction) =>
-      tr
-        .replaceRangeWith(
-          from,
-          to,
-          citedText(this.controller.schema, title, uri)
-        )
-        .scrollIntoView()
+    this.controller.withTransaction(
+      (tr: Transaction) =>
+        tr
+          .replaceRangeWith(
+            from,
+            to,
+            citedText(this.controller.schema, title, uri)
+          )
+          .scrollIntoView(),
+      { view: this.controller.mainEditorView }
     );
   }
 
@@ -205,14 +205,16 @@ export default class CitationCardComponent extends Component<Args> {
       title = `${decision.title}, ${article.number || ''}`;
     }
     const { from, to } = unwrap(this.activeDecoration);
-    this.controller.withTransaction((tr: Transaction) =>
-      tr
-        .replaceRangeWith(
-          from,
-          to,
-          citedText(this.controller.schema, title, uri)
-        )
-        .scrollIntoView()
+    this.controller.withTransaction(
+      (tr: Transaction) =>
+        tr
+          .replaceRangeWith(
+            from,
+            to,
+            citedText(this.controller.schema, title, uri)
+          )
+          .scrollIntoView(),
+      { view: this.controller.mainEditorView }
     );
   }
 

package/addon/components/citation-plugin/citation-insert.ts

@@ -3,7 +3,7 @@ import { action } from '@ember/object';
 import { tracked } from '@glimmer/tracking';
 import {
   Fragment,
-  ProseController,
+  SayController,
   Slice,
   Transaction,
 } from '@lblod/ember-rdfa-editor';
@@ -24,8 +24,9 @@ import { unwrap } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option';
 import { findParentNodeOfType } from '@curvenote/prosemirror-utils';
 
 interface Args {
-  controller: ProseController;
-  widgetArgs: { plugin: CitationPlugin; config: CitationPluginConfig };
+  controller: SayController;
+  plugin: CitationPlugin;
+  config: CitationPluginConfig;
 }
 
 export default class EditorPluginsCitationInsertComponent extends Component<Args> {
@@ -35,7 +36,7 @@ export default class EditorPluginsCitationInsertComponent extends Component<Args
   @tracked legislationType: string | null = null;
 
   get config() {
-    return this.args.widgetArgs.config;
+    return this.args.config;
   }
 
   get selectedLegislationTypeUri(): string {
@@ -63,9 +64,11 @@ export default class EditorPluginsCitationInsertComponent extends Component<Args
     if (this.controller.inEmbeddedView) {
       return true;
     }
-    const { selection } = this.controller.state;
+    const { selection } = this.controller.mainEditorState;
     if (this.config.type === 'ranges') {
-      const ranges = this.config.activeInRanges(this.controller.state);
+      const ranges = this.config.activeInRanges(
+        this.controller.mainEditorState
+      );
       for (const range of ranges) {
         if (selection.from > range[0] && selection.from < range[1]) {
           return false;
@@ -75,18 +78,18 @@ export default class EditorPluginsCitationInsertComponent extends Component<Args
     } else {
       const nodeTypes = this.config.activeInNodeTypes(
         this.controller.schema,
-        this.controller.state
+        this.controller.mainEditorState
       );
       return !findParentNodeOfType([...nodeTypes])(selection);
     }
   }
 
   get plugin() {
-    return this.args.widgetArgs.plugin;
+    return this.args.plugin;
   }
 
   get activeRanges() {
-    return this.plugin.getState(this.controller.state)?.activeRanges;
+    return this.plugin.getState(this.controller.mainEditorState)?.activeRanges;
   }
 
   get controller() {
@@ -113,19 +116,21 @@ export default class EditorPluginsCitationInsertComponent extends Component<Args
     const type = decision.legislationType?.label || '';
     const uri = decision.uri;
     const title = decision.title ?? '';
-    this.controller.withTransaction((tr: Transaction) =>
-      tr
-        .replaceSelection(
-          new Slice(
-            Fragment.fromArray([
-              this.controller.schema.text(`${type} `),
-              citedText(this.controller.schema, title, uri),
-            ]),
-            0,
-            0
+    this.controller.withTransaction(
+      (tr: Transaction) =>
+        tr
+          .replaceSelection(
+            new Slice(
+              Fragment.fromArray([
+                this.controller.schema.text(`${type} `),
+                citedText(this.controller.schema, title, uri),
+              ]),
+              0,
+              0
+            )
           )
-        )
-        .scrollIntoView()
+          .scrollIntoView(),
+      { view: this.controller.mainEditorView }
     );
   }
 
@@ -137,12 +142,14 @@ export default class EditorPluginsCitationInsertComponent extends Component<Args
     if (decision.title) {
       title = `${decision.title}, ${article.number ?? ''}`;
     }
-    const { from, to } = this.args.controller.state.selection;
-    this.controller.withTransaction((tr: Transaction) =>
-      tr.replaceWith(from, to, [
-        this.controller.schema.text(`${type} `),
-        citedText(this.controller.schema, title, uri),
-      ])
+    const { from, to } = this.controller.mainEditorState.selection;
+    this.controller.withTransaction(
+      (tr: Transaction) =>
+        tr.replaceWith(from, to, [
+          this.controller.schema.text(`${type} `),
+          citedText(this.controller.schema, title, uri),
+        ]),
+      { view: this.controller.mainEditorView }
     );
   }
 }

package/addon/components/import-snippet-plugin/card.ts

@@ -2,13 +2,13 @@ import Component from '@glimmer/component';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
 import { ProseParser } from '@lblod/ember-rdfa-editor';
-import { ProseController } from '@lblod/ember-rdfa-editor/core/prosemirror';
+import { SayController } from '@lblod/ember-rdfa-editor';
 import ImportRdfaSnippet from '@lblod/ember-rdfa-editor-lblod-plugins/services/import-rdfa-snippet';
 import { RdfaSnippet } from '@lblod/ember-rdfa-editor-lblod-plugins/services/import-rdfa-snippet';
 import { findParentNodeOfType } from '@curvenote/prosemirror-utils';
 
 type Args = {
-  controller: ProseController;
+  controller: SayController;
 };
 export default class ImportSnippetPluginCard extends Component<Args> {
   @service declare importRdfaSnippet: ImportRdfaSnippet;
@@ -22,7 +22,7 @@ export default class ImportSnippetPluginCard extends Component<Args> {
   }
 
   get insertRange() {
-    const { selection } = this.controller.state;
+    const { selection } = this.controller.mainEditorState;
     const besluit = findParentNodeOfType(this.controller.schema.nodes.besluit)(
       selection
     );
@@ -41,9 +41,12 @@ export default class ImportSnippetPluginCard extends Component<Args> {
     const insertRange = this.insertRange;
     if (insertRange) {
       const node = this.generateSnippetHtml(snippet, type);
-      this.controller.withTransaction((tr) => {
-        return tr.replaceRangeWith(insertRange.from, insertRange.to, node);
-      });
+      this.controller.withTransaction(
+        (tr) => {
+          return tr.replaceRangeWith(insertRange.from, insertRange.to, node);
+        },
+        { view: this.controller.mainEditorView }
+      );
       this.importRdfaSnippet.removeSnippet(snippet);
     } else {
       console.warn('Could not find a range to insert, so we skipped inserting');