[IIIF-148] WIP add custom plugin to interact with canvas changes

Author: atarix83

src/mirador-viewer/config.default.js

@@ -16,6 +16,7 @@ import miradorShareDialogPlugin from 'mirador-share-plugin/es/MiradorShareDialog
 import miradorSharePlugin from 'mirador-share-plugin/es/miradorSharePlugin';
 import miradorDownloadPlugin from 'mirador-dl-plugin/es/miradorDownloadPlugin';
 import miradorDownloadDialog from 'mirador-dl-plugin/es/MiradorDownloadDialog';
+import myPlugin from './locationPlugin';
 
 const MANIFEST_URL_PART = /\/manifest$/;
 
@@ -185,6 +186,7 @@ let miradorPlugins = [
   miradorShareDialogPlugin,
   miradorSharePlugin,
   miradorDownloadDialog,
+  myPlugin
 ];
 
 (() => {
@@ -195,3 +197,14 @@ let miradorPlugins = [
 })();
 
 Mirador.viewer(miradorConfiguration, miradorPlugins);
+/*miradorInstance?.store?.subscribe((store) => {
+  console.log(miradorInstance?.store, store);
+  const state = store?.getState();
+  const lastAction = state?.lastAction;
+  console.log(state, lastAction);
+
+  if (lastAction && lastAction.type === 'SELECT_CANVAS') {
+    const canvasId = lastAction.canvasId;
+    console.log('Canvas cliccato:', canvasId);
+  }
+});*/

src/mirador-viewer/locationPlugin.js

@@ -0,0 +1,24 @@
+import takeEvery from 'redux-saga/effects';
+import ActionTypes from 'mirador/dist/es/src/state/actions/action-types';
+
+/** This will be called every time the SET_CANVAS action is dispatched */
+const onCanvasChange = function* (action) {
+  console.log(action);
+}
+
+const pluginSaga = function* () {
+  /* `takeEvery` calls the associated function every time the action is dispatched */
+  yield takeEvery([
+    ActionTypes.SET_CANVAS,
+    ActionTypes.RECEIVE_SEARCH,
+    ActionTypes.REMOVE_SEARCH,
+    ActionTypes.SET_WINDOW_VIEW_TYPE,
+  ], onCanvasChange);
+}
+
+const myPlugin = {
+  component: () => null,
+  saga: pluginSaga,
+}
+
+export default myPlugin;