@lblod/ember-rdfa-editor-lblod-plugins 22.2.0 → 22.2.1-dev.7a3a7c0f54fef43445cfab79cb69ee4e9615cc8e

package/.changeset/mighty-guests-peel.md

@@ -0,0 +1,5 @@
+---
+'@lblod/ember-rdfa-editor-lblod-plugins': minor
+---
+
+Allow resources imported into snippet placeholders to be linked to resources in the document

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @lblod/ember-rdfa-editor-lblod-plugins
 
+## 22.2.1
+
+### Patch Changes
+
+- [#464](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/464) [`8401163`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/8401163ca2789e1303060fa1532cd26ce3eaa9e7) Thanks [@elpoelma](https://github.com/elpoelma)! - test-app: exclude fingerprinting on ember-leaflet related images to ensure production builds behave as expected
+
+- [#466](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/pull/466) [`227387b`](https://github.com/lblod/ember-rdfa-editor-lblod-plugins/commit/227387b683b3b49314683b2c299c45c492393eb8) Thanks [@lagartoverde](https://github.com/lagartoverde)! - Don't show title annotation outside the editor
+
 ## 22.2.0
 
 ### Minor Changes

package/README.md

@@ -17,6 +17,22 @@ related to the LBLOD Project.
 ember install ember-rdfa-editor-lblod-plugins
 ```
 
+If you are using the location-plugin, you should also add the following configuration to your `ember-cli-build.js` file:
+```js
+fingerprint: {
+  exclude: [
+    'images/layers-2x.png',
+    'images/layers.png',
+    'images/marker-icon-2x.png',
+    'images/marker-icon.png',
+    'images/marker-shadow.png'
+  ]
+}
+```
+This ensures the map-view behaves as expected in production builds.
+
+Check-out https://github.com/miguelcobain/ember-leaflet?tab=readme-ov-file#production-builds for more information.
+
 ## General addon information
 
 This addon contains the following editor plugins:

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

@@ -1,13 +1,14 @@
 import Component from '@glimmer/component';
 import { on } from '@ember/modifier';
-import AuIcon from '@appuniversum/ember-appuniversum/components/au-icon';
-import { type EmberNodeArgs } from '@lblod/ember-rdfa-editor/utils/_private/ember-node';
 import SearchModal from '../search-modal';
 import { tracked } from '@glimmer/tracking';
 import { action } from '@ember/object';
+import t from 'ember-intl/helpers/t';
+import AuIcon 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';
+import { type EmberNodeArgs } from '@lblod/ember-rdfa-editor/utils/_private/ember-node';
 import {
   PNode,
   ProseParser,
@@ -15,15 +16,13 @@ import {
   Slice,
   Transaction,
 } from '@lblod/ember-rdfa-editor';
-import { htmlToDoc } from '@lblod/ember-rdfa-editor/utils/_private/html-utils';
+import { findAncestors } from '@lblod/ember-rdfa-editor/utils/position-utils';
 import {
   EXT,
   RDF,
 } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/constants';
-import { findAncestors } from '@lblod/ember-rdfa-editor/utils/position-utils';
 import { hasOutgoingNamedNodeTriple } from '@lblod/ember-rdfa-editor-lblod-plugins/utils/namespace';
-import { v4 as uuidv4 } from 'uuid';
-import t from 'ember-intl/helpers/t';
+import { createSnippet } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/nodes/snippet';
 
 interface Signature {
   Args: EmberNodeArgs;
@@ -91,7 +90,6 @@ export default class SnippetNode extends Component<Signature> {
   }
   @action
   onInsert(content: string, title: string) {
-    const assignedSnippetListsIds = this.node.attrs.assignedSnippetListsIds;
     let rangeStart = 0;
     let rangeEnd = 0;
     if (this.args.getPos() === undefined) return;
@@ -110,26 +108,19 @@ export default class SnippetNode extends Component<Signature> {
     const documentDiv = parsed.querySelector('div[data-say-document="true"]');
 
     this.closeModal();
-    const parser = ProseParser.fromSchema(this.controller.schema);
 
     if (documentDiv) {
       return this.controller.withTransaction((tr: Transaction) => {
         return tr.replaceRangeWith(
           rangeStart,
           rangeEnd,
-          this.controller.schema.node(
-            'snippet',
-            {
-              assignedSnippetListsIds,
-              title,
-              subject: `http://data.lblod.info/snippets/${uuidv4()}`,
-            },
-            htmlToDoc(content, {
-              schema: this.controller.schema,
-              parser,
-              editorView: this.controller.mainEditorView,
-            }).content,
-          ),
+          createSnippet({
+            controller: this.controller,
+            content,
+            title,
+            snippetListIds: this.node.attrs.assignedSnippetListsIds,
+            importedResources: this.node.attrs.importedResources,
+          }),
         );
       });
     }

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

@@ -11,7 +11,7 @@ import { SnippetPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plug
 
 interface Args {
   config: SnippetPluginConfig;
-  assignedSnippetListsIds: string[];
+  assignedSnippetListsIds: string[] | undefined;
   closeModal: () => void;
   open: boolean;
   onInsert: (content: string, title: string) => void;

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

@@ -7,7 +7,10 @@ import not from 'ember-truth-helpers/helpers/not';
 import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
 import { AddIcon } from '@appuniversum/ember-appuniversum/components/icons/add';
 import { type NodeType, type SayController } from '@lblod/ember-rdfa-editor';
-import { type SnippetPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import {
+  type SnippetPluginConfig,
+  type SnippetList,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
 import { createSnippetPlaceholder } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/nodes/snippet-placeholder';
 import SnippetListModal from '@lblod/ember-rdfa-editor-lblod-plugins/components/snippet-plugin/snippet-list/snippet-list-modal';
 
@@ -35,19 +38,17 @@ export default class SnippetPluginSnippetInsertPlaceholder extends Component<Sig
   }
 
   @action
-  insertPlaceholder(listIds: string[], listNames: string[]) {
-    const node = createSnippetPlaceholder(
-      listIds,
-      listNames,
-      this.args.controller.schema,
-    );
+  insertPlaceholder(lists: SnippetList[] | undefined) {
+    if (lists) {
+      const node = createSnippetPlaceholder(lists, this.args.controller.schema);
 
-    this.args.controller.withTransaction(
-      (tr) => {
-        return tr.replaceSelectionWith(node);
-      },
-      { view: this.args.controller.mainEditorView },
-    );
+      this.args.controller.withTransaction(
+        (tr) => {
+          return tr.replaceSelectionWith(node);
+        },
+        { view: this.args.controller.mainEditorView },
+      );
+    }
   }
 
   <template>
@@ -65,7 +66,7 @@ export default class SnippetPluginSnippetInsertPlaceholder extends Component<Sig
     <SnippetListModal
       @config={{@config}}
       @assignedSnippetListsIds={{empty}}
-      @onSaveSnippetListIds={{this.insertPlaceholder}}
+      @onSaveSnippetLists={{this.insertPlaceholder}}
       @open={{this.isModalOpen}}
       @closeModal={{this.closeModal}}
     />

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

@@ -0,0 +1,82 @@
+import { isResourceNode } from '@lblod/ember-rdfa-editor/utils/node-utils';
+import Component from '@glimmer/component';
+
+import { SayController } from '@lblod/ember-rdfa-editor';
+import {
+  type ImportedResourceMap,
+  type SnippetPluginConfig,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import { findParentNodeClosestToPos } from '@curvenote/prosemirror-utils';
+import {
+  getAssignedSnippetListsIdsFromProperties,
+  getSnippetListIdsProperties,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/utils/rdfa-predicate';
+import { ResolvedPNode } from '@lblod/ember-rdfa-editor/utils/_private/types';
+import SnippetInsert from './snippet-insert';
+
+interface Sig {
+  Args: {
+    controller: SayController;
+    config: SnippetPluginConfig;
+    node: ResolvedPNode;
+  };
+}
+
+export default class SnippetInsertRdfaComponent extends Component<Sig> {
+  get disableInsert() {
+    return (this.snippetListProperties?.listIds.length ?? 0) === 0;
+  }
+
+  get snippetListProperties():
+    | { listIds: string[]; importedResources: ImportedResourceMap }
+    | undefined {
+    const activeNode = this.args.node.value;
+    const activeNodeSnippetListIds = getSnippetListIdsProperties(activeNode);
+
+    if (activeNodeSnippetListIds.length > 0) {
+      return {
+        listIds: getAssignedSnippetListsIdsFromProperties(
+          activeNodeSnippetListIds,
+        ),
+        importedResources: activeNode.attrs.importedResources,
+      };
+    }
+
+    if (this.args.node.pos < 0) {
+      return undefined;
+    }
+
+    // If active node isn't a snippet list, go up until we find one
+    const doc = this.args.controller.mainEditorState.doc;
+    const pos = doc.resolve(this.args.node.pos);
+    let parentNode = findParentNodeClosestToPos(pos, (node) =>
+      isResourceNode(node),
+    );
+    while (parentNode) {
+      const properties = getSnippetListIdsProperties(parentNode.node);
+
+      if (properties.length > 0) {
+        return {
+          listIds: getAssignedSnippetListsIdsFromProperties(properties),
+          importedResources: parentNode.node.attrs.importedResources,
+        };
+      }
+
+      parentNode = findParentNodeClosestToPos(
+        doc.resolve(parentNode.pos),
+        (node) => isResourceNode(node),
+      );
+    }
+
+    return undefined;
+  }
+
+  <template>
+    <SnippetInsert
+      @config={{@config}}
+      @controller={{@controller}}
+      @snippetListProperties={{this.snippetListProperties}}
+      @disabled={{this.disableInsert}}
+    />
+  </template>
+}

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

@@ -0,0 +1,110 @@
+import { action } from '@ember/object';
+import { on } from '@ember/modifier';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import t from 'ember-intl/helpers/t';
+import { AddIcon } from '@appuniversum/ember-appuniversum/components/icons/add';
+import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
+import {
+  ProseParser,
+  SayController,
+  Slice,
+  Transaction,
+} from '@lblod/ember-rdfa-editor';
+import { SnippetPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+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 SearchModal from './search-modal';
+
+interface Sig {
+  Args: {
+    controller: SayController;
+    config: SnippetPluginConfig;
+    snippetListProperties:
+      | { listIds: string[]; importedResources: ImportedResourceMap }
+      | undefined;
+    disabled?: boolean;
+  };
+}
+
+export default class SnippetInsertComponent extends Component<Sig> {
+  @tracked showModal = false;
+
+  get controller() {
+    return this.args.controller;
+  }
+
+  @action
+  openModal() {
+    this.controller.focus();
+    this.showModal = true;
+  }
+
+  @action
+  closeModal() {
+    this.showModal = false;
+  }
+
+  createSliceFromElement(element: Element) {
+    return new Slice(
+      ProseParser.fromSchema(this.controller.schema).parse(element, {
+        preserveWhitespace: true,
+      }).content,
+      0,
+      0,
+    );
+  }
+
+  @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 this.controller.withTransaction((tr: Transaction) =>
+        tr.replaceSelectionWith(
+          createSnippet({
+            controller: this.controller,
+            content,
+            title,
+            snippetListIds: assignedSnippetListProperties.listIds,
+            importedResources: assignedSnippetListProperties.importedResources,
+          }),
+        ),
+      );
+    }
+    this.controller.withTransaction((tr) =>
+      tr.replaceSelection(this.createSliceFromElement(parsed)),
+    );
+  }
+
+  get disabled() {
+    return this.args.disabled ?? false;
+  }
+
+  <template>
+    <li class='au-c-list__item'>
+      <AuButton
+        @icon={{AddIcon}}
+        @iconAlignment='left'
+        @skin='link'
+        @disabled={{this.disabled}}
+        {{on 'click' this.openModal}}
+      >
+        {{t 'snippet-plugin.insert.title'}}
+      </AuButton>
+    </li>
+
+    <SearchModal
+      @open={{this.showModal}}
+      @closeModal={{this.closeModal}}
+      @config={{@config}}
+      @onInsert={{this.onInsert}}
+      @assignedSnippetListsIds={{@snippetListProperties.listIds}}
+    />
+  </template>
+}

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

@@ -40,7 +40,7 @@
             <AuButton
               @skin='primary'
               {{on 'click' this.saveAndClose}}
-              @disabled={{@onSaveSnippetListIds.isRunning}}
+              @disabled={{@onSaveSnippetLists.isRunning}}
             >
               {{t 'snippet-plugin.snippet-list.modal.button.update'}}
             </AuButton>

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

@@ -19,8 +19,8 @@ import { trackedReset } from 'tracked-toolbox';
 interface Signature {
   Args: {
     config: SnippetPluginConfig;
-    onSaveSnippetListIds: (listIds: string[], listNames: string[]) => void;
-    assignedSnippetListsIds: string[];
+    onSaveSnippetLists: (lists: SnippetList[]) => void;
+    assignedSnippetListsIds: string[] | undefined;
     closeModal: () => void;
     open: boolean;
   };
@@ -37,7 +37,9 @@ export default class SnippetListModalComponent extends Component<Signature> {
   @tracked error: unknown;
 
   @trackedReset('args.assignedSnippetListsIds')
-  assignedSnippetListsIds: string[] = [...this.args.assignedSnippetListsIds];
+  assignedSnippetListsIds: string[] = [
+    ...(this.args.assignedSnippetListsIds ?? []),
+  ];
 
   get config() {
     return this.args.config;
@@ -50,15 +52,10 @@ export default class SnippetListModalComponent extends Component<Signature> {
 
   @action
   saveAndClose() {
-    const snippetListNames: string[] = this.snippetListResource.value
-      ?.filter((snippetList) =>
-        this.assignedSnippetListsIds.includes(snippetList.id as string),
-      )
-      .map((snippetList) => snippetList.label) as string[];
-    this.args.onSaveSnippetListIds(
-      this.assignedSnippetListsIds,
-      snippetListNames,
+    const snippetLists = this.snippetListResource.value?.filter((snippetList) =>
+      this.assignedSnippetListsIds.includes(snippetList.id),
     );
+    this.args.onSaveSnippetLists(snippetLists || []);
     this.args.closeModal();
     // Clear selection for next time
     this.assignedSnippetListsIds = [];

package/addon/components/snippet-plugin/snippet-list-select-rdfa.gts

@@ -0,0 +1,25 @@
+import { TemplateOnlyComponent } from '@ember/component/template-only';
+import { SayController } from '@lblod/ember-rdfa-editor';
+import { type ResolvedPNode } from '@lblod/ember-rdfa-editor/utils/_private/types';
+import { type SnippetPluginConfig } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import SnippetListSelect from '@lblod/ember-rdfa-editor-lblod-plugins/components/snippet-plugin/snippet-list-select';
+
+interface Sig {
+  Args: {
+    controller: SayController;
+    config: SnippetPluginConfig;
+    node: ResolvedPNode;
+  };
+}
+
+/** @deprecated Use snippet-list-select directly */
+const SnippetListSelectRdfaComponent: TemplateOnlyComponent<Sig> = <template>
+  <SnippetListSelect
+    @controller={{@controller}}
+    @config={{@config}}
+    @node={{@node}}
+  />
+</template>;
+
+/** @deprecated Use snippet-list-select directly */
+export default SnippetListSelectRdfaComponent;

package/addon/components/snippet-plugin/snippet-list-select.gts

@@ -0,0 +1,104 @@
+import { action } from '@ember/object';
+import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
+import { on } from '@ember/modifier';
+import t from 'ember-intl/helpers/t';
+import { UnorderedListIcon } from '@appuniversum/ember-appuniversum/components/icons/unordered-list';
+import AuButton from '@appuniversum/ember-appuniversum/components/au-button';
+import { type SayController } from '@lblod/ember-rdfa-editor';
+import { type ResolvedPNode } from '@lblod/ember-rdfa-editor/utils/_private/types';
+import { isResourceNode } from '@lblod/ember-rdfa-editor/utils/node-utils';
+import { type OutgoingTriple } from '@lblod/ember-rdfa-editor/core/rdfa-processor';
+import SnippetListModal from '@lblod/ember-rdfa-editor-lblod-plugins/components/snippet-plugin/snippet-list/snippet-list-modal';
+import {
+  type ImportedResourceMap,
+  type SnippetPluginConfig,
+  type SnippetList,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
+import {
+  getAssignedSnippetListsIdsFromProperties,
+  getSnippetListIdsProperties,
+} from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/utils/rdfa-predicate';
+import { updateSnippetPlaceholder } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/commands';
+
+interface Signature {
+  Args: {
+    controller: SayController;
+    config: SnippetPluginConfig;
+    node: ResolvedPNode;
+  };
+}
+
+export default class SnippetListSelect extends Component<Signature> {
+  @tracked showModal = false;
+
+  @action
+  openModal() {
+    this.showModal = true;
+  }
+  @action
+  closeModal() {
+    this.showModal = false;
+  }
+
+  get currentResource() {
+    return this.args.node.value.attrs.subject as string | undefined;
+  }
+
+  get isResourceNode() {
+    return isResourceNode(this.args.node.value);
+  }
+
+  get snippetListIdsProperties(): OutgoingTriple[] {
+    return getSnippetListIdsProperties(this.args.node.value);
+  }
+
+  get assignedSnippetListsIds(): string[] {
+    return getAssignedSnippetListsIdsFromProperties(
+      this.snippetListIdsProperties,
+    );
+  }
+
+  get imported(): ImportedResourceMap {
+    return this.args.node.value.attrs['importedResources'];
+  }
+
+  @action
+  onSaveSnippetLists(lists: SnippetList[]) {
+    if (this.currentResource) {
+      this.args.controller?.doCommand(
+        updateSnippetPlaceholder({
+          resource: this.currentResource,
+          oldSnippetProperties: this.snippetListIdsProperties ?? [],
+          newSnippetLists: lists,
+          oldImportedResources: this.imported,
+          node: this.args.node,
+        }),
+        {
+          view: this.args.controller.mainEditorView,
+        },
+      );
+    }
+  }
+
+  <template>
+    {{#if this.isResourceNode}}
+      <AuButton
+        @icon={{UnorderedListIcon}}
+        @skin='secondary'
+        @iconAlignment='left'
+        {{on 'click' this.openModal}}
+      >
+        {{t 'snippet-plugin.snippet-list.open-modal'}}
+      </AuButton>
+
+      <SnippetListModal
+        @config={{@config}}
+        @assignedSnippetListsIds={{this.assignedSnippetListsIds}}
+        @onSaveSnippetLists={{this.onSaveSnippetLists}}
+        @open={{this.showModal}}
+        @closeModal={{this.closeModal}}
+      />
+    {{/if}}
+  </template>
+}

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

@@ -1 +1 @@
-export { default as updateSnippetPlaceholder } from './update-snippet-ids';
+export { updateSnippetPlaceholder } from './update-snippet-placeholder';

package/addon/plugins/snippet-plugin/commands/{update-snippet-ids.ts → update-snippet-placeholder.ts}

@@ -3,21 +3,26 @@ import { addProperty, removeProperty } from '@lblod/ember-rdfa-editor/commands';
 import { sayDataFactory } from '@lblod/ember-rdfa-editor/core/say-data-factory';
 import { SNIPPET_LIST_RDFA_PREDICATE } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/utils/rdfa-predicate';
 import { getSnippetUriFromId } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin';
-import { OutgoingTriple } from '@lblod/ember-rdfa-editor/core/rdfa-processor';
-import { ResolvedPNode } from '@lblod/ember-rdfa-editor/utils/_private/types';
+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';
+import { importedResourcesFromSnippetLists } from '@lblod/ember-rdfa-editor-lblod-plugins/plugins/snippet-plugin/nodes/snippet-placeholder';
 
-const updateSnippetPlaceholder = ({
+export const updateSnippetPlaceholder = ({
   resource,
   oldSnippetProperties,
-  newSnippetIds,
+  newSnippetLists,
+  oldImportedResources,
   node,
-  snippetNames,
 }: {
   resource: string;
   oldSnippetProperties: OutgoingTriple[];
-  newSnippetIds: string[];
+  newSnippetLists: SnippetList[];
+  oldImportedResources: ImportedResourceMap;
   node: ResolvedPNode;
-  snippetNames: string[];
 }): Command => {
   return (state, dispatch) => {
     if (dispatch) {
@@ -36,14 +41,14 @@ const updateSnippetPlaceholder = ({
         });
       });
 
-      newSnippetIds.forEach((snippetId) => {
+      newSnippetLists.forEach((list) => {
         newState = state.apply(transaction);
 
         addProperty({
           resource,
           property: {
             predicate: SNIPPET_LIST_RDFA_PREDICATE.prefixed,
-            object: sayDataFactory.namedNode(getSnippetUriFromId(snippetId)),
+            object: sayDataFactory.namedNode(getSnippetUriFromId(list.id)),
           },
           transaction,
         })(newState, (newTransaction) => {
@@ -53,7 +58,15 @@ const updateSnippetPlaceholder = ({
       transaction = transaction.setNodeAttribute(
         node.pos,
         'listNames',
-        snippetNames,
+        newSnippetLists.map((list) => list.label),
+      );
+      transaction = transaction.setNodeAttribute(
+        node.pos,
+        'importedResources',
+        importedResourcesFromSnippetLists(
+          newSnippetLists,
+          oldImportedResources,
+        ),
       );
 
       dispatch(transaction);
@@ -61,5 +74,3 @@ const updateSnippetPlaceholder = ({
     return true;
   };
 };
-
-export default updateSnippetPlaceholder;