@lblod/ember-rdfa-editor-lblod-plugins 22.5.1 → 23.0.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @lblod/ember-rdfa-editor-lblod-plugins
 
+## 23.0.0
+
+### Major Changes
+
+- [#478](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/478) [`b3cf324`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/b3cf324e6b959a50ba354e1563b04a0e12f41f67) Thanks [@abeforgit](https://github.com/abeforgit)! - Run recalculate numbers after inserting a snippet
+
+### Minor Changes
+
+- [#480](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/480) [`789180f`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/789180fde786000756c2880dca9591866bf7132f) Thanks [@piemonkey](https://github.com/piemonkey)! - Internal: update to latest ember-resources 7.0.2. Requires an upgrade only if consumer app uses
+  ember dependency-lint to maintain matching versions.
+
+## 22.5.2
+
+### Patch Changes
+
+- [#476](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/476) [`6de71f8`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/6de71f8b57e1cf5297445e288e0221707f1fbc7c) Thanks [@piemonkey](https://github.com/piemonkey)! - Add configuration option to snippet plugin to set the allowed content
+
+- [#479](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/479) [`4755750`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/47557501ed745a274cc062bd59234736bc278ded) Thanks [@piemonkey](https://github.com/piemonkey)! - Fix bug where snippet hover buttons were not always functional on Chrome
+
 ## 22.5.1
 
 ### Patch Changes

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

@@ -2,7 +2,7 @@ import { tracked } from '@glimmer/tracking';
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { SayController } from '@lblod/ember-rdfa-editor';
-import { trackedFunction } from 'ember-resources/util/function';
+import { trackedFunction } from 'reactiveweb/function';
 import { ELI } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
 import { AlertTriangleIcon } from '@appuniversum/ember-appuniversum/components/icons/alert-triangle';
 import { CrossIcon } from '@appuniversum/ember-appuniversum/components/icons/cross';

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

@@ -7,7 +7,7 @@ import { sayDataFactory } from '@lblod/ember-rdfa-editor/core/say-data-factory';
 import fetchBesluitTypes, {
   BesluitType,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/besluit-type-plugin/utils/fetchBesluitTypes';
-import { trackedFunction } from 'ember-resources/util/function';
+import { trackedFunction } from 'reactiveweb/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';

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

@@ -3,7 +3,7 @@ import { tracked } from '@glimmer/tracking';
 import { restartableTask, timeout } from 'ember-concurrency';
 import { action } from '@ember/object';
 import { capitalize } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/strings';
-import { task as trackedTask } from 'ember-resources/util/ember-concurrency';
+import { task as trackedTask } from 'reactiveweb/ember-concurrency';
 import {
   Option,
   unwrap,

package/addon/components/citation-plugin/citations/legal-document-detail.ts

@@ -2,7 +2,7 @@ import Component from '@glimmer/component';
 import { restartableTask, timeout } from 'ember-concurrency';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
-import { task as trackedTask } from 'ember-resources/util/ember-concurrency';
+import { task as trackedTask } from 'reactiveweb/ember-concurrency';
 import { CalendarIcon } from '@appuniversum/ember-appuniversum/components/icons/calendar';
 import { PlusTextIcon } from '@appuniversum/ember-appuniversum/components/icons/plus-text';
 import { LinkExternalIcon } from '@appuniversum/ember-appuniversum/components/icons/link-external';

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

@@ -4,7 +4,7 @@ import { action } from '@ember/object';
 import { restartableTask, timeout } from 'ember-concurrency';
 import { service } from '@ember/service';
 import { capitalize } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/strings';
-import { task as trackedTask } from 'ember-resources/util/ember-concurrency';
+import { task as trackedTask } from 'reactiveweb/ember-concurrency';
 import {
   isGemeenteBesluitType,
   LEGISLATION_TYPE_CONCEPTS,

package/addon/components/lmb-plugin/search-modal.ts

@@ -3,7 +3,7 @@ import { tracked } from '@glimmer/tracking';
 import { assert } from '@ember/debug';
 import { action } from '@ember/object';
 import { restartableTask } from 'ember-concurrency';
-import { task as trackedTask } from 'ember-resources/util/ember-concurrency';
+import { task as trackedTask } from 'reactiveweb/ember-concurrency';
 import { LmbPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/lmb-plugin';
 
 import Mandatee from '@lblod/ember-rdfa-editor-lblod-plugins/models/mandatee';

package/addon/components/location-plugin/edit.gts

@@ -3,7 +3,7 @@ import Component from '@glimmer/component';
 import { restartableTask, timeout } from 'ember-concurrency';
 import perform from 'ember-concurrency/helpers/perform';
 import { trackedReset } from 'tracked-toolbox';
-import { trackedTask } from 'ember-resources/util/ember-concurrency';
+import { trackedTask } from 'reactiveweb/ember-concurrency';
 import { service } from '@ember/service';
 import { on } from '@ember/modifier';
 import type { SafeString } from '@ember/template/-private/handlebars';

package/addon/components/lpdc-plugin/lpdc-modal.ts

@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { restartableTask, timeout } from 'ember-concurrency';
-import { task as trackedTask } from 'ember-resources/util/ember-concurrency';
+import { task as trackedTask } from 'reactiveweb/ember-concurrency';
 
 import { tracked } from '@glimmer/tracking';
 

package/addon/components/roadsign-regulation-plugin/measure-template.ts

@@ -2,7 +2,7 @@ import Component from '@glimmer/component';
 import { service } from '@ember/service';
 import includeInstructions from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/roadsign-regulation-plugin/utils/includeInstructions';
 import RoadsignRegistryService from '@lblod/ember-rdfa-editor-lblod-plugins/services/roadsign-registry';
-import { trackedFunction } from 'ember-resources/util/function';
+import { trackedFunction } from 'reactiveweb/function';
 
 type Args = {
   template: string;

package/addon/components/snippet-plugin/nodes/snippet.gts

@@ -3,8 +3,12 @@ import { on } from '@ember/modifier';
 import SearchModal from '../search-modal';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
+import { TemplateOnlyComponent } from '@ember/component/template-only';
 import t from 'ember-intl/helpers/t';
-import AuIcon from '@appuniversum/ember-appuniversum/components/au-icon';
+import { not } from 'ember-truth-helpers';
+import AuIcon, {
+  type AuIconSignature,
+} from '@appuniversum/ember-appuniversum/components/au-icon';
 import { SynchronizeIcon } from '@appuniversum/ember-appuniversum/components/icons/synchronize';
 import { BinIcon } from '@appuniversum/ember-appuniversum/components/icons/bin';
 import { AddIcon } from '@appuniversum/ember-appuniversum/components/icons/add';
@@ -21,7 +25,37 @@ import {
   RDF,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
 import { hasOutgoingNamedNodeTriple } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace';
-import { createAndInsertSnippet } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/nodes/snippet';
+import insertSnippet from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/commands/insert-snippet';
+import { isNone } from '@lblod/ember-rdfa-editor/utils/_private/option';
+import { transactionCombinator } from '@lblod/ember-rdfa-editor/utils/transaction-utils';
+import { recalculateNumbers } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/structure-plugin/recalculate-structure-numbers';
+
+interface ButtonSig {
+  Args: {
+    isActive: boolean;
+    onClick: () => void;
+    icon: AuIconSignature['Args']['icon'];
+    helpText: string;
+  };
+  Element: HTMLButtonElement;
+}
+
+const SnippetButton: TemplateOnlyComponent<ButtonSig> = <template>
+  <button
+    class='say-snippet-button {{if @isActive "" "say-snippet-hidden"}}'
+    disabled={{(not @isActive)}}
+    type='button'
+    {{on 'click' @onClick}}
+    ...attributes
+  >
+    {{#if @isActive}}
+      <AuIcon @icon={{@icon}} @size='large' {{on 'click' @onClick}} />
+      <div class='say-snippet-button-text'>
+        {{t @helpText}}
+      </div>
+    {{/if}}
+  </button>
+</template>;
 
 interface Signature {
   Args: EmberNodeArgs;
@@ -44,6 +78,7 @@ export default class SnippetNode extends Component<Signature> {
     this.showModal = false;
   }
   openModal() {
+    this.controller.focus();
     this.showModal = true;
   }
   @action
@@ -61,7 +96,10 @@ export default class SnippetNode extends Component<Signature> {
     const position = this.args.getPos();
     if (position !== undefined) {
       this.controller.withTransaction((tr) => {
-        return tr.deleteRange(position, position + this.node.nodeSize);
+        return transactionCombinator(
+          this.controller.mainEditorState,
+          tr.deleteRange(position, position + this.node.nodeSize),
+        )([recalculateNumbers]).transaction;
       });
     }
   }
@@ -89,85 +127,59 @@ export default class SnippetNode extends Component<Signature> {
   }
   @action
   onInsert(content: string, title: string) {
-    let rangeStart = 0;
-    let rangeEnd = 0;
-    if (this.args.getPos() === undefined) return;
+    this.closeModal();
+    const assignedSnippetListsIds = this.node.attrs.assignedSnippetListsIds;
+    let start = 0;
+    let end = 0;
+    const pos = this.args.getPos();
+    if (isNone(pos)) {
+      return;
+    }
     if (this.mode === 'add') {
       // Add new snippet
-      rangeStart = (this.args.getPos() as number) + this.node.nodeSize;
-      rangeEnd = (this.args.getPos() as number) + this.node.nodeSize;
+      start = pos + this.node.nodeSize;
+      end = pos + this.node.nodeSize;
     } else {
       //Replace current snippet
-      rangeStart = this.args.getPos() as number;
-      rangeEnd = (this.args.getPos() as number) + this.node.nodeSize;
+      start = pos;
+      end = pos + this.node.nodeSize;
     }
-
-    const domParser = new DOMParser();
-    const parsed = domParser.parseFromString(content, 'text/html').body;
-    const documentDiv = parsed.querySelector('div[data-say-document="true"]');
-
-    this.closeModal();
-
-    if (documentDiv) {
-      return createAndInsertSnippet(
-        {
-          controller: this.controller,
-          content,
-          title,
-          snippetListIds: this.node.attrs.assignedSnippetListsIds,
-          importedResources: this.node.attrs.importedResources,
-        },
-        (tr, snippet) => tr.replaceRangeWith(rangeStart, rangeEnd, snippet),
-      );
-    }
-
-    this.controller.withTransaction((tr) =>
-      tr.replaceRange(
-        rangeStart,
-        rangeEnd,
-        this.createSliceFromElement(parsed),
-      ),
+    this.controller.doCommand(
+      insertSnippet({
+        content,
+        title,
+        assignedSnippetListsIds,
+        importedResources: this.node.attrs.importedResources,
+        range: { start, end },
+      }),
     );
-    this.closeModal();
   }
+
   <template>
     <div class='say-snippet-card'>
       <div class='say-snippet-title'>{{this.node.attrs.title}}</div>
       <div class='say-snippet-content'>{{yield}}</div>
-      {{#if this.isActive}}
-        <div class='say-snippet-icons'>
-          <button
-            class='say-snippet-button'
-            type='button'
-            {{on 'click' this.editFragment}}
-          >
-            <AuIcon @icon={{SynchronizeIcon}} @size='large' />
-            <div class='say-snippet-button-text'>
-              {{t 'snippet-plugin.snippet-node.change-fragment'}}
-            </div>
-          </button>
-          <button
-            class='say-snippet-button say-snippet-remove-button'
-            type='button'
-            {{on 'click' this.deleteFragment}}
-          >
-            <AuIcon @icon={{BinIcon}} />
-            <div class='say-snippet-button-text'>
-              {{t 'snippet-plugin.snippet-node.remove-fragment'}}
-            </div>
-          </button>
-          <button
-            class='say-snippet-button'
-            type='button'
-            {{on 'click' this.addFragment}}
-          >
-            <AuIcon @icon={{AddIcon}} />
-            <div class='say-snippet-button-text'>
-              {{t 'snippet-plugin.snippet-node.add-fragment'}}
-            </div>
-          </button>
-        </div>
-      {{/if}}
+      <div class='say-snippet-icons' contenteditable='false'>
+        <SnippetButton
+          @icon={{SynchronizeIcon}}
+          @helpText='snippet-plugin.snippet-node.change-fragment'
+          @onClick={{this.editFragment}}
+          @isActive={{this.isActive}}
+        />
+        <SnippetButton
+          @icon={{BinIcon}}
+          @helpText='snippet-plugin.snippet-node.remove-fragment'
+          @onClick={{this.deleteFragment}}
+          @isActive={{this.isActive}}
+          class='say-snippet-remove-button'
+        />
+        <SnippetButton
+          @icon={{AddIcon}}
+          @helpText='snippet-plugin.snippet-node.add-fragment'
+          @onClick={{this.addFragment}}
+          @isActive={{this.isActive}}
+        />
+      </div>
 
     </div>
     <SearchModal

package/addon/components/snippet-plugin/search-modal.ts

@@ -2,7 +2,7 @@ import Component from '@glimmer/component';
 import { assert } from '@ember/debug';
 import { action } from '@ember/object';
 import { restartableTask, timeout } from 'ember-concurrency';
-import { task as trackedTask } from 'ember-resources/util/ember-concurrency';
+import { task as trackedTask } from 'reactiveweb/ember-concurrency';
 
 import { tracked } from '@glimmer/tracking';
 

package/addon/components/snippet-plugin/snippet-insert.gts

@@ -11,8 +11,8 @@ import {
   Slice,
 } from '@lblod/ember-rdfa-editor';
 import { SnippetPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
-import { createAndInsertSnippet } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/nodes/snippet';
 import { type ImportedResourceMap } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import insertSnippet from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/commands/insert-snippet';
 import SearchModal from './search-modal';
 
 interface Sig {
@@ -56,29 +56,15 @@ export default class SnippetInsertComponent extends Component<Sig> {
 
   @action
   onInsert(content: string, title: string) {
-    const domParser = new DOMParser();
-    const parsed = domParser.parseFromString(content, 'text/html').body;
-    const documentDiv = parsed.querySelector('div[data-say-document="true"]');
-
     this.closeModal();
-    const assignedSnippetListProperties = this.args.snippetListProperties;
-
-    if (documentDiv && assignedSnippetListProperties) {
-      return createAndInsertSnippet(
-        {
-          controller: this.controller,
-          content,
-          title,
-          snippetListIds: assignedSnippetListProperties.listIds,
-          importedResources: assignedSnippetListProperties.importedResources,
-        },
-        (tr, snippet) => tr.replaceSelectionWith(snippet),
-      );
-    } else {
-      return this.controller.withTransaction((tr) =>
-        tr.replaceSelection(this.createSliceFromElement(parsed)),
-      );
-    }
+    this.controller.doCommand(
+      insertSnippet({
+        content,
+        title,
+        assignedSnippetListsIds: this.args.snippetListProperties?.listIds || [],
+        importedResources: this.args.snippetListProperties?.importedResources,
+      }),
+    );
   }
 
   get disabled() {

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

@@ -1,7 +1,7 @@
 import Component from '@glimmer/component';
 import { action } from '@ember/object';
 import { restartableTask, timeout } from 'ember-concurrency';
-import { task as trackedTask } from 'ember-resources/util/ember-concurrency';
+import { task as trackedTask } from 'reactiveweb/ember-concurrency';
 
 import { tracked } from '@glimmer/tracking';
 

package/addon/components/variable-plugin/address/edit.ts

@@ -11,7 +11,7 @@ import {
 } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/address-helpers';
 import { restartableTask, timeout } from 'ember-concurrency';
 import { trackedReset } from 'tracked-toolbox';
-import { trackedTask } from 'ember-resources/util/ember-concurrency';
+import { trackedTask } from 'reactiveweb/ember-concurrency';
 import { service } from '@ember/service';
 import IntlService from 'ember-intl/services/intl';
 import { AlertTriangleIcon } from '@appuniversum/ember-appuniversum/components/icons/alert-triangle';

package/addon/components/variable-plugin/codelist/edit.ts

@@ -7,7 +7,7 @@ import {
 } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/fetch-data';
 import { MULTI_SELECT_CODELIST_TYPE } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/constants';
 import { NodeSelection } from '@lblod/ember-rdfa-editor';
-import { trackedFunction } from 'ember-resources/util/function';
+import { trackedFunction } from 'reactiveweb/function';
 import { trackedReset } from 'tracked-toolbox';
 import { updateCodelistVariable } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/codelist-utils';
 import { getOutgoingTriple } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace';

package/addon/components/variable-plugin/codelist/insert.ts

@@ -9,7 +9,7 @@ import {
 } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/fetch-data';
 import { service } from '@ember/service';
 import IntlService from 'ember-intl/services/intl';
-import { trackedFunction } from 'ember-resources/util/function';
+import { trackedFunction } from 'reactiveweb/function';
 import { v4 as uuidv4 } from 'uuid';
 import {
   DCT,

package/addon/components/variable-plugin/location/edit.ts

@@ -10,7 +10,7 @@ import { findParentNodeOfType } from '@curvenote/prosemirror-utils';
 import { NodeSelection } from '@lblod/ember-rdfa-editor';
 import { ZONAL_URI } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/roadsign-regulation-plugin/utils/constants';
 import { unwrap } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option';
-import { trackedFunction } from 'ember-resources/util/function';
+import { trackedFunction } from 'reactiveweb/function';
 import { trackedReset } from 'tracked-toolbox';
 import { updateCodelistVariable } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/variable-plugin/utils/codelist-utils';
 

package/addon/components/worship-plugin/search-modal.ts

@@ -3,7 +3,7 @@ import { tracked } from '@glimmer/tracking';
 import { assert } from '@ember/debug';
 import { action } from '@ember/object';
 import { restartableTask, timeout } from 'ember-concurrency';
-import { task as trackedTask } from 'ember-resources/util/ember-concurrency';
+import { task as trackedTask } from 'reactiveweb/ember-concurrency';
 import { WorshipPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/worship-plugin';
 import {
   fetchWorshipServices,

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

@@ -0,0 +1,91 @@
+import { Command, ProseParser, Schema, Slice } from '@lblod/ember-rdfa-editor';
+import { transactionCombinator } from '@lblod/ember-rdfa-editor/utils/transaction-utils';
+import { addPropertyToNode } from '@lblod/ember-rdfa-editor/utils/rdfa-utils';
+import { recalculateNumbers } from '../../structure-plugin/recalculate-structure-numbers';
+import { createSnippet } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/nodes/snippet';
+import { type ImportedResourceMap } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import {
+  isSome,
+  unwrap,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/utils/option';
+
+export interface InsertSnippetCommandArgs {
+  content: string;
+  title: string;
+  assignedSnippetListsIds: string[];
+  importedResources?: ImportedResourceMap;
+  range?: { start: number; end: number };
+}
+
+const insertSnippet = ({
+  content,
+  title,
+  assignedSnippetListsIds,
+  importedResources,
+  range,
+}: InsertSnippetCommandArgs): Command => {
+  return (state, dispatch) => {
+    const domParser = new DOMParser();
+    const parsed = domParser.parseFromString(content, 'text/html').body;
+    const documentDiv = parsed.querySelector('div[data-say-document="true"]');
+
+    const schema = state.schema;
+
+    let tr = state.tr;
+    const insertRange = range ?? {
+      start: state.selection.from,
+      end: state.selection.to,
+    };
+
+    if (documentDiv) {
+      const [snippet, importedTriples] = createSnippet({
+        schema: state.schema,
+        content,
+        title,
+        snippetListIds: assignedSnippetListsIds,
+        importedResources,
+      });
+
+      const addImportedResourceProperties = Object.values(
+        importedResources ?? {},
+      )
+        .map((linked) => {
+          const newProperties =
+            (isSome(linked) && importedTriples.get(linked)) || [];
+          return newProperties.map((newProp) =>
+            addPropertyToNode({
+              resource: unwrap(linked),
+              property: newProp,
+            }),
+          );
+        })
+        .flat();
+
+      tr = transactionCombinator(
+        state,
+        tr.replaceRangeWith(insertRange.start, insertRange.end, snippet),
+      )([recalculateNumbers, ...addImportedResourceProperties]).transaction;
+    } else {
+      const slice = createSliceFromElement(parsed, schema);
+      tr = transactionCombinator(
+        state,
+        tr.replaceRange(insertRange.start, insertRange.end, slice),
+      )([recalculateNumbers]).transaction;
+    }
+    if (dispatch) {
+      dispatch(tr);
+    }
+    return true;
+  };
+};
+
+function createSliceFromElement(element: Element, schema: Schema) {
+  return new Slice(
+    ProseParser.fromSchema(schema).parse(element, {
+      preserveWhitespace: true,
+    }).content,
+    0,
+    0,
+  );
+}
+export default insertSnippet;

package/addon/plugins/snippet-plugin/index.ts

@@ -7,8 +7,11 @@ import {
 import { dateValue } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/strings';
 import { SafeString } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/types';
 
+export const DEFAULT_CONTENT_STRING = 'block+';
+
 export type SnippetPluginConfig = {
   endpoint: string;
+  allowedContent?: string;
 };
 
 interface SnippetArgs {