@lblod/ember-rdfa-editor-lblod-plugins 17.1.0 → 17.1.1-dev.4dfeb71979c54e1971e5f5e97077495da1afb6e9

package/.changeset/afraid-tips-visit.md

@@ -0,0 +1,5 @@
+---
+'@lblod/ember-rdfa-editor-lblod-plugins': patch
+---
+
+Remove `@import "ember-appuniversum"` statements from plugin sass modules in order to prevent style overrding.

package/.changeset/chilly-ravens-think.md

@@ -0,0 +1,6 @@
+---
+'@lblod/ember-rdfa-editor-lblod-plugins': minor
+---
+
+- Addition of the `say-template-comment` class to the static version of template comments.
+- Addition of some extra styles to the `say-template-comment` class.

package/.changeset/great-lions-behave.md

@@ -0,0 +1,17 @@
+---
+"@lblod/ember-rdfa-editor-lblod-plugins": major
+---
+
+### RDFa aware editing
+
+This release adapts plugins
+to [RDFa (RDF in Attributes)](https://github.com/lblod/ember-rdfa-editor/blob/9c32a9dea0da13df4092c39d9a092ba0803a3f42/README.md#experimental-a-new-approach-to-handle-rdfa-in-documents)
+aware editing, based on the changes in `ember-rdfa-editor`
+version [9.6.0](https://github.com/lblod/ember-rdfa-editor/releases/tag/v9.6.0)
+
+#### N.B. This release is not compatible with `ember-rdfa-editor` configurations that don't use ` rdfaAware` features, see [editor documentation](https://github.com/lblod/ember-rdfa-editor/blob/9c32a9dea0da13df4092c39d9a092ba0803a3f42/README.md#experimental-a-new-approach-to-handle-rdfa-in-documents) for more. 
+
+#### Changes
+
+* Plugins now use RDFa aware specs when rendering to HTML, and they also expect RDFa aware specs when parsing from HTML. 
+* Introduces RDFa aware version of `snippet-plugin`, that allows to record allowed snippet list IDs on a resource node level in the document.

package/.changeset/hot-owls-laugh.md

@@ -0,0 +1,5 @@
+---
+'@lblod/ember-rdfa-editor-lblod-plugins': patch
+---
+
+GN-4650: Fix behavior of "Insert snippet" button

package/.changeset/loud-coins-bathe.md

@@ -0,0 +1,5 @@
+---
+"@lblod/ember-rdfa-editor-lblod-plugins": patch
+---
+
+article-structure-plugin: Make `setStartNumber` and `getStartNumber` properties optional

package/.changeset/olive-pets-cheer.md

@@ -0,0 +1,5 @@
+---
+'@lblod/ember-rdfa-editor-lblod-plugins': minor
+---
+
+GN-4650: Snippet selection placeholder in template

package/.changeset/smooth-fireants-doubt.md

@@ -0,0 +1,5 @@
+---
+'@lblod/ember-rdfa-editor-lblod-plugins': minor
+---
+
+Add helper function to help with locale selection and add translation note to readme

package/.changeset/strange-ways-dance.md

@@ -0,0 +1,5 @@
+---
+"@lblod/ember-rdfa-editor-lblod-plugins": patch
+---
+
+GN-4818: Add missing translations for date picker

package/.changeset/tall-carrots-ring.md

@@ -0,0 +1,5 @@
+---
+'@lblod/ember-rdfa-editor-lblod-plugins': patch
+---
+
+Fix template-comment padding

package/.changeset/wet-baboons-serve.md

@@ -0,0 +1,5 @@
+---
+"@lblod/ember-rdfa-editor-lblod-plugins": minor
+---
+
+Ensure that variables are node-selected/focused after insertion

package/.changeset/witty-suns-speak.md

@@ -0,0 +1,5 @@
+---
+"@lblod/ember-rdfa-editor-lblod-plugins": patch
+---
+
+Allow to insert structure even if insertion range does not have RDFA attributes.  

package/.woodpecker/.release-commit.yml

@@ -0,0 +1,18 @@
+steps:
+  install:
+    image: node:20-slim
+    commands:
+      - corepack enable
+      - pnpm i --frozen-lockfile
+  version:
+    image: node:20-slim
+    commands:
+      - npm version --no-git-tag-version $(npm pkg get version | sed 's/"//g')-dev.${CI_COMMIT_SHA}
+  release:
+    image: plugins/npm
+    settings:
+      token:
+        from_secret: npm_access_token
+      tag: dev
+when:
+  - event: push

package/.woodpecker/.release.yml

@@ -0,0 +1,21 @@
+steps:
+  install:
+    image: node:20-slim
+    commands:
+      - corepack enable
+      - pnpm i --frozen-lockfile
+  release:
+    image: plugins/npm
+    settings:
+      token:
+        from_secret: npm_access_token
+  push-tagged-build:
+    image: plugins/docker
+    settings:
+      repo: lblod/ember-rdfa-editor-lblod-plugins
+      tags: '${CI_COMMIT_TAG##v}'
+      purge: true
+    secrets: [docker_username, docker_password]
+when:
+  event: tag
+  ref: refs/tags/v*

package/.woodpecker/.verify-pr.yml

@@ -0,0 +1,30 @@
+steps:
+  install:
+    image: node:20-slim
+    commands:
+      - corepack enable
+      - pnpm i --frozen-lockfile
+  lint-js:
+    image: node:20-slim
+    group: lint
+    commands:
+      - corepack enable
+      - pnpm lint:js
+  lint-hbs:
+    image: node:20-slim
+    group: lint
+    commands:
+      - corepack enable
+      - pnpm lint:hbs
+  test:
+    image: danlynn/ember-cli:4.12.1
+    commands:
+      - corepack enable
+      - pnpm test:ember
+  precompile:
+    image: node:20-slim
+    commands:
+      - corepack enable
+      - pnpm prepack
+when:
+  - evaluate: 'CI_PIPELINE_EVENT == "pull_request" && not (CI_COMMIT_PULL_REQUEST_LABELS contains "dependabot")'

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @lblod/ember-rdfa-editor-lblod-plugins
 
+## 17.1.1
+
+### Patch Changes
+
+- [#415](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/415) [`dff79133f9072cb1a817ed73588ffe8dea315479`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/dff79133f9072cb1a817ed73588ffe8dea315479) Thanks [@elpoelma](https://github.com/elpoelma)! - When passing a `content` argument to the `insertStructure` command, do not run the `wrapStructureContent` command
+
+- [#416](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/416) [`4b40cafe3aee7846e44f0a5be7c5330ced28736e`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/4b40cafe3aee7846e44f0a5be7c5330ced28736e) Thanks [@dkozickis](https://github.com/dkozickis)! - GN-4816: Fix selecting snippet list when pressing on a checkbox
+
 ## 17.1.0
 
 ### Minor Changes

package/Dockerfile

@@ -1,12 +1,14 @@
-FROM madnificent/ember:4.12.1-node_18 as builder
+FROM node:20-slim AS builder
 
 LABEL maintainer="info@redpencil.io"
 
+RUN corepack enable
+RUN corepack prepare pnpm@latest-8 --activate
 WORKDIR /app
-COPY package.json package-lock.json ./
-RUN npm ci
+COPY package.json pnpm-lock.yaml ./
+RUN pnpm i --frozen-lockfile
 COPY . .
-RUN ember build -prod
+RUN pnpm build
 
 FROM semtech/static-file-service:0.2.0
 COPY --from=builder /app/dist /data

package/addon/commands/index.ts

@@ -0,0 +1 @@
+export { default as replaceSelectionWithAndSelectNode } from './replace-selection-and-select-node';

package/addon/commands/replace-selection-and-select-node.ts

@@ -0,0 +1,24 @@
+import { Command, NodeSelection, PNode } from '@lblod/ember-rdfa-editor';
+
+const replaceSelectionWithAndSelectNode = (node: PNode): Command => {
+  return (state, dispatch) => {
+    if (!node.type.spec.selectable) {
+      return false;
+    }
+
+    if (dispatch) {
+      const tr = state.tr;
+      tr.replaceSelectionWith(node);
+      if (tr.selection.$anchor.nodeBefore) {
+        const resolvedPos = tr.doc.resolve(
+          tr.selection.anchor - tr.selection.$anchor.nodeBefore?.nodeSize,
+        );
+        tr.setSelection(new NodeSelection(resolvedPos));
+      }
+      dispatch(tr);
+    }
+    return true;
+  };
+};
+
+export default replaceSelectionWithAndSelectNode;

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

@@ -80,39 +80,41 @@
 
           </AuButtonGroup>
         </Item>
-        <Item class="au-u-padding-left-small">
-          <AuFormRow>
-            {{#let (unique-id) as |id|}}
-              <AuLabel for={{id}}>
-                {{t 'article-structure-plugin.start-number.start-number'}}
-              </AuLabel>
-              <AuInput
-                id={{id}}
-                value={{this.startNumberInputValue}}
-                {{on "change" this.onStartNumberChange}}
-                placeholder={{t 'article-structure-plugin.start-number.start-number'}}
-                type="number"
-                min="1"
-              />
-          {{/let}}
-          </AuFormRow>
-          <AuButton
-            @iconAlignment="left"
-            class="au-u-margin-top-tiny"
-            {{on 'click' this.setStructureStartNumber}}
-          >
-            {{t 'article-structure-plugin.start-number.set'}}
-          </AuButton>
-          <AuButton
-            @iconAlignment="left"
-            @skin="secondary"
-            @disabled={{not this.structureStartNumber}}
-            class="au-u-margin-top-tiny"
-            {{on 'click' this.resetStructureStartNumber}}
-          >
-            {{t 'article-structure-plugin.start-number.reset'}}
-          </AuButton>
-        </Item>
+        {{#if this.currentStructureType.getStartNumber}}
+          <Item class="au-u-padding-left-small">
+            <AuFormRow>
+              {{#let (unique-id) as |id|}}
+                <AuLabel for={{id}}>
+                  {{t 'article-structure-plugin.start-number.start-number'}}
+                </AuLabel>
+                <AuInput
+                  id={{id}}
+                  value={{this.startNumberInputValue}}
+                  {{on "change" this.onStartNumberChange}}
+                  placeholder={{t 'article-structure-plugin.start-number.start-number'}}
+                  type="number"
+                  min="1"
+                />
+              {{/let}}
+            </AuFormRow>
+            <AuButton
+              @iconAlignment="left"
+              class="au-u-margin-top-tiny"
+              {{on 'click' this.setStructureStartNumber}}
+            >
+              {{t 'article-structure-plugin.start-number.set'}}
+            </AuButton>
+            <AuButton
+              @iconAlignment="left"
+              @skin="secondary"
+              @disabled={{not this.structureStartNumber}}
+              class="au-u-margin-top-tiny"
+              {{on 'click' this.resetStructureStartNumber}}
+            >
+              {{t 'article-structure-plugin.start-number.reset'}}
+            </AuButton>
+          </Item>
+        {{/if}}
       </AuList>
     </c.content>
   </AuCard>

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

@@ -42,11 +42,45 @@ export default class EditorPluginsStructureCardComponent extends Component<Args>
     this.controller.focus();
   }
 
+  @action
+  removeStructure(withContent: boolean) {
+    if (this.structure && this.currentStructureType) {
+      if (withContent || this.currentStructureType.noUnwrap) {
+        this.controller.doCommand(
+          removeStructure(this.structure, this.structureTypes),
+          { view: this.controller.mainEditorView },
+        );
+      } else {
+        this.controller.doCommand(
+          unwrapStructure(
+            {
+              ...this.structure,
+              type: this.currentStructureType,
+            },
+            this.structureTypes,
+          ),
+          { view: this.controller.mainEditorView },
+        );
+      }
+    }
+    this.controller.focus();
+  }
+
+  @action
+  setRemoveStructureContent(value: boolean) {
+    this.removeStructureContent = value;
+  }
+
   @action
   setStructureStartNumber() {
-    if (this.startNumber) {
+    if (this.startNumber && this.structure && this.currentStructureType) {
       this.controller.doCommand(
-        setStructureStartNumber(this.structureTypes, this.startNumber),
+        setStructureStartNumber(
+          this.structure,
+          this.structureTypes,
+          this.startNumber,
+        ),
+        { view: this.controller.mainEditorView },
       );
 
       this.startNumber = null;
@@ -55,11 +89,14 @@ export default class EditorPluginsStructureCardComponent extends Component<Args>
 
   @action
   resetStructureStartNumber() {
-    this.controller.doCommand(
-      setStructureStartNumber(this.structureTypes, null),
-    );
+    if (this.structure) {
+      this.controller.doCommand(
+        setStructureStartNumber(this.structure, this.structureTypes, null),
+        { view: this.controller.mainEditorView },
+      );
 
-    this.startNumber = null;
+      this.startNumber = null;
+    }
   }
 
   get structureNumber() {
@@ -74,7 +111,7 @@ export default class EditorPluginsStructureCardComponent extends Component<Args>
   }
 
   get structureStartNumber() {
-    if (this.structure && this.currentStructureType) {
+    if (this.structure && this.currentStructureType?.getStartNumber) {
       return this.currentStructureType.getStartNumber({
         pos: this.structure.pos,
         transaction: this.controller.mainEditorState.tr,
@@ -93,35 +130,6 @@ export default class EditorPluginsStructureCardComponent extends Component<Args>
     this.startNumber = parseInt(target.value);
   };
 
-  @action
-  removeStructure(withContent: boolean) {
-    if (this.structure && this.currentStructureType) {
-      if (withContent || this.currentStructureType.noUnwrap) {
-        this.controller.doCommand(
-          removeStructure(this.structure, this.structureTypes),
-          { view: this.controller.mainEditorView },
-        );
-      } else {
-        this.controller.doCommand(
-          unwrapStructure(
-            {
-              ...this.structure,
-              type: this.currentStructureType,
-            },
-            this.structureTypes,
-          ),
-          { view: this.controller.mainEditorView },
-        );
-      }
-    }
-    this.controller.focus();
-  }
-
-  @action
-  setRemoveStructureContent(value: boolean) {
-    this.removeStructureContent = value;
-  }
-
   get structureTypes() {
     return this.args.options;
   }

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

@@ -1,13 +1,10 @@
 import { tracked } from '@glimmer/tracking';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
-import {
-  addType,
-  removeType,
-} from '@lblod/ember-rdfa-editor/commands/type-commands';
+import { addProperty, removeProperty } from '@lblod/ember-rdfa-editor/commands';
 import { SayController } from '@lblod/ember-rdfa-editor';
+import { sayDataFactory } from '@lblod/ember-rdfa-editor/core/say-data-factory';
 import { ResolvedPNode } from '@lblod/ember-rdfa-editor/plugins/datastore';
-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';
@@ -15,17 +12,13 @@ import { findAncestorOfType } from '@lblod/ember-rdfa-editor-lblod-plugins/plugi
 import { trackedFunction } from 'ember-resources/util/function';
 import { unwrap } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option';
 import { BesluitTypePluginOptions } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/besluit-type-plugin';
+import { RDF } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
+import { getOutgoingTripleList } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace';
 import { AlertTriangleIcon } from '@appuniversum/ember-appuniversum/components/icons/alert-triangle';
 import { CrossIcon } from '@appuniversum/ember-appuniversum/components/icons/cross';
 import { MailIcon } from '@appuniversum/ember-appuniversum/components/icons/mail';
 import { CircleXIcon } from '@appuniversum/ember-appuniversum/components/icons/circle-x';
 
-declare module 'ember__owner' {
-  export default interface Owner {
-    resolveRegistration(name: string): unknown;
-  }
-}
-
 type Args = {
   controller: SayController;
   options: BesluitTypePluginOptions;
@@ -91,7 +84,7 @@ export default class EditorPluginsToolbarDropdownComponent extends Component<Arg
   get currentBesluitURI() {
     if (this.currentBesluitRange) {
       const node = unwrap(this.doc.nodeAt(this.currentBesluitRange.from));
-      return getRdfaAttribute(node, 'resource').pop();
+      return node.attrs['subject'] as string | undefined;
     }
     return;
   }
@@ -109,11 +102,21 @@ export default class EditorPluginsToolbarDropdownComponent extends Component<Arg
       this.controller.mainEditorState.selection,
       this.controller.schema.nodes['besluit'],
     );
-    const besluitTypeof = besluit?.node.attrs.typeof as string;
-    const besluitTypesUris = besluitTypeof.split(' ');
-    const besluitTypeRelevant = besluitTypesUris.find((type) =>
-      type.includes('https://data.vlaanderen.be/id/concept/BesluitType/'),
-    );
+    if (!besluit) {
+      console.warn(
+        `We have a besluit URI (${this.currentBesluitURI}), but can't find a besluit ancestor`,
+      );
+      return;
+    }
+    const besluitTypes = getOutgoingTripleList(besluit.node.attrs, RDF('type'));
+    const besluitTypeRelevant = besluitTypes.find(
+      (type) =>
+        type.object.termType === 'NamedNode' &&
+        type.object.value.includes(
+          'https://data.vlaanderen.be/id/concept/BesluitType/',
+        ),
+    )?.object.value;
+
     if (besluitTypeRelevant) {
       this.previousBesluitType = besluitTypeRelevant;
       const besluitType = this.findBesluitTypeByURI(besluitTypeRelevant);
@@ -205,16 +208,33 @@ export default class EditorPluginsToolbarDropdownComponent extends Component<Arg
   }
 
   insert() {
-    if (this.besluitType && this.currentBesluitRange) {
+    const resource =
+      (this.currentBesluitRange &&
+        'node' in this.currentBesluitRange &&
+        (this.currentBesluitRange.node.attrs.subject as string)) ||
+      undefined;
+    if (this.besluitType && resource) {
       this.cardExpanded = false;
       if (this.previousBesluitType) {
         this.controller.doCommand(
-          removeType(this.currentBesluitRange.from, this.previousBesluitType),
+          removeProperty({
+            resource,
+            property: {
+              predicate: RDF('type').full,
+              object: sayDataFactory.namedNode(this.previousBesluitType),
+            },
+          }),
           { view: this.controller.mainEditorView },
         );
       }
       this.controller.doCommand(
-        addType(this.currentBesluitRange.from, this.besluitType.uri),
+        addProperty({
+          resource,
+          property: {
+            predicate: RDF('type').full,
+            object: sayDataFactory.namedNode(this.besluitType.uri),
+          },
+        }),
         { view: this.controller.mainEditorView },
       );
     }

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

@@ -14,7 +14,11 @@ import {
   CitationPlugin,
   CitationPluginEmberComponentConfig,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin';
-import { SayController, Transaction } from '@lblod/ember-rdfa-editor';
+import {
+  DecorationSet,
+  SayController,
+  Transaction,
+} from '@lblod/ember-rdfa-editor';
 import { citedText } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/citation-plugin/utils/cited-text';
 import {
   LEGISLATION_TYPE_CONCEPTS,
@@ -80,7 +84,7 @@ export default class CitationCardComponent extends Component<Args> {
     return this.args.config;
   }
 
-  get decorations() {
+  get decorations(): DecorationSet | undefined {
     return this.plugin.getState(this.controller.mainEditorState)?.highlights;
   }
 

package/addon/components/citation-plugin/citations/search-modal.ts

@@ -78,18 +78,19 @@ export default class EditorPluginsCitationsSearchModalComponent extends Componen
 
   get datePickerLocalization() {
     return {
-      buttonLabel: this.intl.t('auDatePicker.buttonLabel'),
-      selectedDateMessage: this.intl.t('auDatePicker.selectedDateMessage'),
-      prevMonthLabel: this.intl.t('auDatePicker.prevMonthLabel'),
-      nextMonthLabel: this.intl.t('auDatePicker.nextMonthLabel'),
-      monthSelectLabel: this.intl.t('auDatePicker.monthSelectLabel'),
-      yearSelectLabel: this.intl.t('auDatePicker.yearSelectLabel'),
-      closeLabel: this.intl.t('auDatePicker.closeLabel'),
-      keyboardInstruction: this.intl.t('auDatePicker.keyboardInstruction'),
-      calendarHeading: this.intl.t('auDatePicker.calendarHeading'),
+      buttonLabel: this.intl.t('au-date-picker.button-label'),
+      selectedDateMessage: this.intl.t('au-date-picker.selected-date-message'),
+      prevMonthLabel: this.intl.t('au-date-picker.prev-month-label'),
+      nextMonthLabel: this.intl.t('au-date-picker.next-month-label'),
+      monthSelectLabel: this.intl.t('au-date-picker.month-select-label'),
+      yearSelectLabel: this.intl.t('au-date-picker.year-select-label'),
+      closeLabel: this.intl.t('au-date-picker.close-label'),
+      keyboardInstruction: this.intl.t('au-date-picker.keyboard-instruction'),
+      calendarHeading: this.intl.t('au-date-picker.calendar-heading'),
       dayNames: getLocalizedDays(this.intl),
       monthNames: getLocalizedMonths(this.intl),
       monthNamesShort: getLocalizedMonths(this.intl, 'short'),
+      placeholder: this.intl.t('au-date-picker.placeholder'),
     };
   }
 

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

@@ -2,7 +2,7 @@ import Component from '@glimmer/component';
 import { service } from '@ember/service';
 import { action } from '@ember/object';
 import { ProseParser } from '@lblod/ember-rdfa-editor';
-import { SayController } from '@lblod/ember-rdfa-editor';
+import { SayController } from '@lblod/ember-rdfa-editor/index';
 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';
@@ -10,6 +10,11 @@ import { findParentNodeOfType } from '@curvenote/prosemirror-utils';
 type Args = {
   controller: SayController;
 };
+
+type InsertRange = {
+  from: number;
+  to: number;
+};
 export default class ImportSnippetPluginCard extends Component<Args> {
   @service declare importRdfaSnippet: ImportRdfaSnippet;
 
@@ -21,7 +26,7 @@ export default class ImportSnippetPluginCard extends Component<Args> {
     return this.importRdfaSnippet.snippetsForType('roadsign');
   }
 
-  get insertRange() {
+  get insertRange(): InsertRange {
     const { selection } = this.controller.mainEditorState;
     const besluit = findParentNodeOfType(this.controller.schema.nodes.besluit)(
       selection,

package/addon/components/roadsign-regulation-plugin/roadsign-regulation-card.ts

@@ -4,6 +4,8 @@ import Component from '@glimmer/component';
 import { tracked } from '@glimmer/tracking';
 import { SayController } from '@lblod/ember-rdfa-editor';
 import { AddIcon } from '@appuniversum/ember-appuniversum/components/icons/add';
+import { OutgoingTriple } from '@lblod/ember-rdfa-editor/core/rdfa-processor';
+import { RDF } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
 
 /**
  * Card displaying a hint of the Date plugin
@@ -54,12 +56,18 @@ export default class RoadsignRegulationCard extends Component<Args> {
     const selection = this.controller.mainEditorState.selection;
     const besluitNode = findParentNode((node) => {
       if (node.type === this.schema.nodes['besluit']) {
-        const rdfTypes = (node.attrs['typeof'] as string | undefined)?.split(
-          ' ',
+        const properties = node.attrs.properties as OutgoingTriple[];
+        const decisionHasAcceptedType = Boolean(
+          properties.find((property) => {
+            const { predicate, object } = property;
+            return (
+              RDF('type').matches(predicate) &&
+              object.termType === 'NamedNode' &&
+              acceptedTypes.includes(object.value)
+            );
+          }),
         );
-        if (rdfTypes?.some((t) => acceptedTypes.includes(t))) {
-          return true;
-        }
+        return decisionHasAcceptedType;
       }
       return false;
     })(selection);

package/addon/components/snippet-plugin/snippet-insert-rdfa.hbs

@@ -0,0 +1,7 @@
+{{! @glint-nocheck: not typesafe yet }}
+<SnippetPlugin::SnippetInsert
+  @config={{this.config}}
+  @controller={{this.controller}}
+  @assignedSnippetListsIds={{this.assignedSnippetListsIds}}
+  @disabled={{not this.showInsert}}
+/>