@harvard-lts/mirador-eda-plugin 0.1.1

package/dist/es/index.js

@@ -0,0 +1,535 @@
+import { useState, createRef } from 'react';
+import CompanionWindow from 'mirador/dist/es/src/containers/CompanionWindow';
+import { compose } from 'redux';
+import { connect, useSelector, shallowEqual } from 'react-redux';
+import { withStyles } from '@material-ui/core/styles';
+import { Typography, FormControl, Select, MenuItem, FormControlLabel, Checkbox } from '@material-ui/core';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import TitleIcon from '@material-ui/icons/Title';
+import { version } from 'mirador/package.json';
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+/**
+ * Extract the edition name from a transcription HTML string
+ * @param {string} html
+ * @returns {string} "Unknown Edition" if no name is found
+ */
+
+var getEditionName = function getEditionName(html) {
+  var _workBody$dataset;
+  var parser = new DOMParser();
+  var doc = parser.parseFromString(html, "text/html");
+  var workBody = doc.querySelector(".work-body");
+  return (workBody === null || workBody === void 0 || (_workBody$dataset = workBody.dataset) === null || _workBody$dataset === void 0 ? void 0 : _workBody$dataset.edition) || "Unknown Edition";
+};
+
+/**
+ * Returns an array of EDA transcriptions from the manifest
+ * Transcriptions with the same edition name will be combined into a single transcription
+ * @param {Object} state
+ * @param {string} windowId
+ * @returns {array} - empty if EDA no transcriptions exist
+ */
+
+var getEdaTranscription = function getEdaTranscription(state, windowId) {
+  var _targetWindow, _targetWindow2, _manifest$json$items;
+  var windows = (state === null || state === void 0 ? void 0 : state.windows) || {};
+  var targetWindow;
+  if (windowId && windows[windowId]) {
+    targetWindow = windows[windowId];
+  } else {
+    var windowIds = Object.keys(windows);
+    targetWindow = windowIds.length > 0 ? windows[windowIds[0]] : null;
+  }
+  var canvasId = (_targetWindow = targetWindow) === null || _targetWindow === void 0 ? void 0 : _targetWindow.canvasId;
+  var manifestId = (_targetWindow2 = targetWindow) === null || _targetWindow2 === void 0 ? void 0 : _targetWindow2.manifestId;
+  var manifest = manifestId ? state.manifests[manifestId] : null;
+  if (!(manifest !== null && manifest !== void 0 && manifest.json) || !canvasId) {
+    return [];
+  }
+  var canvas = (_manifest$json$items = manifest.json.items) === null || _manifest$json$items === void 0 ? void 0 : _manifest$json$items.find(function (item) {
+    return item.id === canvasId;
+  });
+  if (!(canvas !== null && canvas !== void 0 && canvas.annotations)) {
+    return [];
+  }
+  var allTranscriptions = canvas.annotations.flatMap(function (page) {
+    return page.items || [];
+  }).filter(function (annotation) {
+    var _annotation$body, _annotation$body2;
+    if ((annotation === null || annotation === void 0 || (_annotation$body = annotation.body) === null || _annotation$body === void 0 ? void 0 : _annotation$body.format) !== "text/html") return false;
+    var value = annotation === null || annotation === void 0 || (_annotation$body2 = annotation.body) === null || _annotation$body2 === void 0 ? void 0 : _annotation$body2.value;
+    if (!value) return false;
+    return value.includes('data-exhibit="emily-dickinson-archive"');
+  }).map(function (annotation) {
+    return annotation.body.value;
+  });
+
+  // Group transcriptions by edition name
+  var transcriptionsByEdition = allTranscriptions.reduce(function (acc, html) {
+    var editionName = getEditionName(html);
+    if (!acc[editionName]) {
+      acc[editionName] = [];
+    }
+    acc[editionName].push(html);
+    return acc;
+  }, {});
+
+  // Combine HTML for editions with multiple transcriptions
+  var combinedTranscriptions = Object.entries(transcriptionsByEdition).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2);
+      _ref2[0];
+      var htmlArray = _ref2[1];
+    if (htmlArray.length === 1) {
+      return htmlArray[0];
+    }
+    var parser = new DOMParser();
+    var firstDoc = parser.parseFromString(htmlArray[0], "text/html");
+    var firstWorkBody = firstDoc.querySelector(".work-body");
+    var combinedDoc = parser.parseFromString('<div class="work-body"></div>', "text/html");
+    var combinedWorkBody = combinedDoc.querySelector(".work-body");
+    if (firstWorkBody.dataset.edition) {
+      combinedWorkBody.dataset.edition = firstWorkBody.dataset.edition;
+    }
+    if (firstWorkBody.dataset.exhibit) {
+      combinedWorkBody.dataset.exhibit = firstWorkBody.dataset.exhibit;
+    }
+    htmlArray.forEach(function (html) {
+      var doc = parser.parseFromString(html, "text/html");
+      var workBody = doc.querySelector(".work-body");
+      var title = workBody.querySelector("h3");
+      var stanzas = workBody.querySelectorAll(".stanza");
+      if (title) {
+        var titleClone = title.cloneNode(true);
+        combinedWorkBody.appendChild(titleClone);
+      }
+      stanzas.forEach(function (stanza) {
+        var clone = stanza.cloneNode(true);
+        combinedWorkBody.appendChild(clone);
+      });
+      if (html !== htmlArray[htmlArray.length - 1]) {
+        var spacer = combinedDoc.createElement("div");
+        spacer.style.height = "2em";
+        combinedWorkBody.appendChild(spacer);
+      }
+    });
+    return combinedWorkBody.outerHTML;
+  });
+  return combinedTranscriptions;
+};
+
+var EdaTranscriptionPanel = function EdaTranscriptionPanel(_ref) {
+  var classes = _ref.classes,
+    transcriptions = _ref.transcriptions,
+    windowId = _ref.windowId,
+    id = _ref.id;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedEdition = _useState2[0],
+    setSelectedEdition = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showPhysicalLinebreaks = _useState4[0],
+    setShowPhysicalLinebreaks = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hideEdits = _useState6[0],
+    setHideEdits = _useState6[1];
+  var currentTranscription = transcriptions[selectedEdition] || "";
+  var contentRef = /*#__PURE__*/createRef();
+  var getEditionLabel = function getEditionLabel(html) {
+    var _workBody$dataset;
+    var parser = new DOMParser();
+    var doc = parser.parseFromString(html, "text/html");
+    var workBody = doc.querySelector(".work-body");
+    return (workBody === null || workBody === void 0 || (_workBody$dataset = workBody.dataset) === null || _workBody$dataset === void 0 ? void 0 : _workBody$dataset.edition) || "Unknown Edition";
+  };
+  var handleEditionChange = function handleEditionChange(event) {
+    setSelectedEdition(event.target.value);
+  };
+  var handleLinebreaksChange = function handleLinebreaksChange(event) {
+    setShowPhysicalLinebreaks(event.target.checked);
+  };
+  var handleEditsChange = function handleEditsChange(event) {
+    setHideEdits(event.target.checked);
+  };
+  var sectionClasses = [classes.section, showPhysicalLinebreaks ? "show-linebreaks" : "", hideEdits ? "hide-edits" : ""].filter(Boolean).join(" ");
+
+  // CompanionWindow pulls the resizing functionality from Mirador
+  // the paperClassName prop allows styles to the underlying container
+  return /*#__PURE__*/jsxs(CompanionWindow, {
+    title: "EDA Transcription",
+    windowId: windowId,
+    id: id,
+    paperClassName: classes.paper,
+    children: [(!transcriptions || transcriptions.length === 0) && /*#__PURE__*/jsx("div", {
+      className: classes.root,
+      children: /*#__PURE__*/jsxs("div", {
+        className: classes.section,
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "body1",
+          className: classes.noTranscriptionsMessage1,
+          children: "No Emily Dickinson Archive transcriptions are available for this manifest."
+        }), /*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          className: classes.noTranscriptionsMessage2,
+          children: "This feature is only available for items from the Emily Dickinson Archive."
+        })]
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: classes.root,
+      children: [/*#__PURE__*/jsxs("div", {
+        className: classes.controls,
+        children: [transcriptions.length > 0 && /*#__PURE__*/jsxs(FormControl, {
+          className: classes.formControl,
+          children: [/*#__PURE__*/jsx(Typography, {
+            variant: "body2",
+            className: classes.editionLabel,
+            children: "Edition"
+          }), /*#__PURE__*/jsx(Select, {
+            value: selectedEdition,
+            onChange: handleEditionChange,
+            variant: "outlined",
+            margin: "dense",
+            className: classes.selectInput,
+            disabled: transcriptions.length === 1,
+            children: transcriptions.map(function (transcription, index) {
+              return /*#__PURE__*/jsx(MenuItem, {
+                value: index,
+                children: getEditionLabel(transcription)
+              }, index);
+            })
+          })]
+        }), /*#__PURE__*/jsx(FormControlLabel, {
+          control: /*#__PURE__*/jsx(Checkbox, {
+            checked: hideEdits,
+            onChange: handleEditsChange,
+            name: "edits",
+            color: "primary"
+          }),
+          label: "Hide Edits"
+        }), /*#__PURE__*/jsx(FormControlLabel, {
+          control: /*#__PURE__*/jsx(Checkbox, {
+            checked: showPhysicalLinebreaks,
+            onChange: handleLinebreaksChange,
+            name: "linebreaks",
+            color: "primary"
+          }),
+          label: "Physical Line Breaks"
+        })]
+      }), /*#__PURE__*/jsx("div", {
+        ref: contentRef,
+        className: sectionClasses,
+        dangerouslySetInnerHTML: {
+          __html: currentTranscription
+        }
+      })]
+    })]
+  });
+};
+var styles = function styles(theme) {
+  return {
+    "@global": {
+      ".react-draggable": {
+        minWidth: "350px !important" // this must match the paper minWidth
+      }
+    },
+    root: {
+      height: "100%",
+      overflow: "auto",
+      display: "flex",
+      flexDirection: "column"
+    },
+    paper: {
+      minWidth: "350px" // this must match the companion window minWidth
+    },
+    controls: {
+      padding: theme.spacing(2),
+      borderBottom: "1px solid ".concat(theme.palette.divider),
+      backgroundColor: theme.palette.background.paper
+    },
+    formControl: {
+      marginBottom: theme.spacing(1),
+      width: "100%"
+    },
+    editionLabel: {
+      fontWeight: "bold",
+      marginBottom: theme.spacing(0.5),
+      fontSize: "0.875rem"
+    },
+    selectInput: {
+      width: 300
+    },
+    section: {
+      flex: 1,
+      fontSize: ".875em",
+      lineHeight: theme.typography.body2.lineHeight,
+      fontFamily: theme.typography.fontFamily,
+      backgroundColor: theme.palette.background.paper,
+      borderRight: "0.5px solid ".concat(theme.palette.divider),
+      overflow: "auto",
+      color: theme.palette.text.primary,
+      padding: theme.spacing(2),
+      "& .line": {
+        display: "block"
+      },
+      "& ins:before": {
+        content: '"["',
+        fontWeight: theme.typography.fontWeightBold
+      },
+      "& ins:after": {
+        content: '"]"',
+        fontWeight: theme.typography.fontWeightBold
+      },
+      "& rt": {
+        fontSize: "0.833em"
+      },
+      "& .work-body": {
+        whiteSpace: "nowrap",
+        "& h3, & h4": {
+          fontWeight: theme.typography.fontWeightBold,
+          whiteSpace: "normal"
+        },
+        "& br": {
+          display: "none"
+        }
+      },
+      "&.show-linebreaks .work-body br": {
+        display: "block"
+      },
+      "&.hide-edits ins": {
+        display: "none"
+      },
+      "&.hide-edits rt": {
+        display: "none"
+      },
+      "& .stanza": {
+        marginBottom: theme.spacing(1.875)
+      },
+      "& .page-break": {
+        borderWidth: "1px 0 0 0",
+        borderStyle: "dotted",
+        display: "block !important"
+      }
+    },
+    noTranscriptionsMessage1: {
+      padding: "16px"
+    },
+    noTranscriptionsMessage2: {
+      padding: "0 16px 16px"
+    }
+  };
+};
+var mapStateToProps = function mapStateToProps(state, _ref2) {
+  var windowId = _ref2.windowId;
+  return {
+    transcriptions: getEdaTranscription(state, windowId)
+  };
+};
+var enhance = compose(withStyles(styles), connect(mapStateToProps));
+var EdaTranscriptionPanel$1 = {
+  component: enhance(EdaTranscriptionPanel),
+  companionWindowKey: "edaTranscription"
+};
+
+var EdaTranscriptionButton = function EdaTranscriptionButton() {
+  return /*#__PURE__*/jsx(TitleIcon, {
+    "data-testid": "eda-transcription-icon"
+  });
+};
+
+// this needs to match the companionWindowKey in EdaTranscriptionPanel.js
+EdaTranscriptionButton.value = "edaTranscription";
+
+var _excluded = ["TargetComponent"];
+var EdaSideBarButtonsWrapper = function EdaSideBarButtonsWrapper(_ref) {
+  var TargetComponent = _ref.TargetComponent,
+    targetProps = _objectWithoutProperties(_ref, _excluded);
+  // shallowEqual prevents re-renders unless transcriptions actually change
+  var transcriptions = useSelector(getEdaTranscription, shallowEqual);
+  var hasTranscriptions = Boolean(transcriptions && transcriptions.length > 0);
+
+  // sets the translation for the EDA Transcriptions button tooltip
+  var customTranslation = function customTranslation(key, opts) {
+    if (key === "openCompanionWindow" && opts && opts.context === "edaTranscription") {
+      return "EDA Transcriptions";
+    }
+    var originalTranslation = targetProps.t || function (key) {
+      return key;
+    };
+    return originalTranslation(key, opts);
+  };
+
+  // if transcriptions exist, add EDA Transcriptions button and hide Annotations button
+  var plugin = hasTranscriptions ? [].concat(_toConsumableArray(targetProps.PluginComponents || []), [EdaTranscriptionButton]) : targetProps.PluginComponents;
+  return /*#__PURE__*/jsx(TargetComponent, _objectSpread2(_objectSpread2({}, targetProps), {}, {
+    t: customTranslation,
+    panels: _objectSpread2(_objectSpread2({}, targetProps.panels), {}, {
+      annotations: !hasTranscriptions
+    }),
+    PluginComponents: plugin
+  }));
+};
+var EdaSideBarButtonsWrapper$1 = {
+  target: "WindowSideBarButtons",
+  mode: "wrap",
+  component: EdaSideBarButtonsWrapper
+};
+
+// In Mirador version 3x there is a deprecation console warning:
+// Warning: Failed prop type: Material-UI: `overlap="rectangle"` was deprecated. Use `overlap="rectangular"` instead.
+// This was fixed in Mirador version 4.0.0
+// https://github.com/ProjectMirador/mirador/commit/90e695e0df5df44174a023cfae367a76e5697760
+
+// Suppressing this error to improve developer experience
+
+var FIXED_VERSION = "4.0.0";
+var parsedCurrentVersion = parseInt(version.replace(/\./g, ""));
+var parsedFixedVersion = parseInt(FIXED_VERSION.replace(/\./g, ""));
+
+// Once the version is greater than or equal to the fixed version, we can remove this suppression
+if (parsedCurrentVersion >= parsedFixedVersion) {
+  console.log("⚠️ Warning suppression for Material-UI Badge overlap prop may no longer be needed.\n" + "  Current Mirador version: " + version + "\n" + "  Fixed in version: " + FIXED_VERSION + "\n" + "  Consider removing src/plugins/utils/suppressWarnings.js");
+} else {
+  var originalConsoleError = console.error;
+  console.error = function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var suppressedWarnings = ["Material-UI: `overlap=\"rectangle\"` was deprecated. Use `overlap=\"rectangular\"` instead."];
+    var shouldSuppress = suppressedWarnings.some(function (warning) {
+      var _args$;
+      return ((_args$ = args[0]) === null || _args$ === void 0 ? void 0 : _args$.includes) && args[0].includes(warning);
+    });
+    if (!shouldSuppress) {
+      originalConsoleError.apply(console, args);
+    }
+  };
+}
+
+var index = [EdaSideBarButtonsWrapper$1, EdaTranscriptionPanel$1];
+
+export { index as default };

package/jest.config.js

@@ -0,0 +1,23 @@
+/** @type {import('jest').Config} */
+module.exports = {
+  testEnvironment: "jsdom",
+  transformIgnorePatterns: ["node_modules/(?!mirador)/", "node_modules/pdiiif"],
+  setupFilesAfterEnv: ["@testing-library/jest-dom", "./setupTests"],
+  moduleNameMapper: {
+    "\\.(jpg|jpeg|png|gif|svg)$": "<rootDir>/__mocks__/fileMock.js"
+  },
+  //   collectCoverage: true,
+  //   coverageDirectory: "coverage",
+  //   verbose: true,
+  //   testRegex: "(/tests/.*|\\.(test|spec))\\.jsx?$",
+  //   moduleFileExtensions: ["js", "json", "jsx", "node"],
+  //   coverageThreshold: {
+  //     global: {
+  //       branches: 30,
+  //       functions: 90,
+  //       lines: 90,
+  //       statements: 90,
+  //     },
+  //   },
+  //   //   setupFiles: ["./setupTests"],
+};

package/nwb.config.js

@@ -0,0 +1,20 @@
+const path = require('path');
+
+module.exports = {
+  type: 'react-component',
+  npm: {
+    esModules: true,
+    umd: {
+      global: 'miradorTemplate',
+      externals: {
+        react: 'React'
+      }
+    }
+  },
+  webpack: {
+    aliases: {
+      react: path.resolve('./', 'node_modules', 'react'),
+      'react-dom': path.resolve('./', 'node_modules', 'react-dom'),
+    },
+  },
+}

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@harvard-lts/mirador-eda-plugin",
+  "version": "0.1.1",
+  "description": "A Mirador plugin for displaying Emily Dickinson Archive transcriptions with toggleable line breaks and editorial marks",
+  "main": "dist/index.js",
+  "source": "src/index.js",
+  "module": "es/index.js",
+  "scripts": {
+    "start": "npm run serve",
+    "clean": "rm -rf ./dist && rm -rf ./demo/dist",
+    "prebuild": "npm run clean",
+    "prepublishOnly": "npm run build",
+    "build": "run-p build:es",
+    "build:es": "rollup -c",
+    "serve": "webpack serve --mode development --open",
+    "test": "jest",
+    "test:coverage": "jest --coverage",
+    "test:watch": "jest --watch"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/harvard-lts/mirador-eda-plugin.git"
+  },
+  "keywords": [
+    "mirador",
+    "iiif",
+    "plugin",
+    "emily-dickinson",
+    "manuscript",
+    "transcription",
+    "scholarly-edition"
+  ],
+  "author": "Notch8",
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/harvard-lts/mirador-eda-plugin#readme",
+  "dependencies": {
+    "jquery": "^3.7.0",
+    "prop-types": "^15.8.1",
+    "react": "^16.14.0",
+    "react-dom": "^16.14.0",
+    "redux": "^4.2.1",
+    "redux-saga": "^1.2.3"
+  },
+  "peerDependencies": {
+    "@material-ui/core": "^4.0.0",
+    "@material-ui/icons": "^4.0.0",
+    "mirador": "^3.0.0",
+    "react-redux": "^5.0.0 || ^6.0.0 || ^7.0.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.26.4",
+    "@babel/core": "^7.26.0",
+    "@babel/preset-env": "^7.21.4",
+    "@babel/preset-react": "^7.18.6",
+    "@reduxjs/toolkit": "^2.9.1",
+    "@rollup/plugin-babel": "^6.0.3",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^12.0.0",
+    "babel-jest": "^29.7.0",
+    "babel-loader": "^9.1.2",
+    "jest": "^30.0.2",
+    "jest-environment-jsdom": "^30.0.2",
+    "mirador": "^3.4.3",
+    "npm-run-all": "^4.1.5",
+    "parcel": "^2.8.3",
+    "rollup": "^3.29.5",
+    "url": "^0.11.0",
+    "webpack": "^5.94.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.2.0",
+    "webpack-node-externals": "^3.0.0"
+  }
+}

package/rollup.config.mjs

@@ -0,0 +1,12 @@
+import { babel } from "@rollup/plugin-babel";
+
+const config = {
+  input: "src/index.js",
+  output: {
+    dir: "dist/es",
+    format: "es",
+  },
+  plugins: [babel({ babelHelpers: "bundled" })],
+};
+
+export default config;

package/setupTests.js

@@ -0,0 +1 @@
+// import "whatwg-fetch"

package/src/index.js

@@ -0,0 +1,10 @@
+import EdaTranscriptionPanel from "./plugins/EdaTranscriptionPanel"
+import EdaSideBarButtonsWrapper from "./plugins/EdaSideBarButtonsWrapper"
+
+// suppressing a console warning message that has been fixed in Mirador v4
+import "./plugins/utils/suppressWarnings"
+
+export default [
+  EdaSideBarButtonsWrapper,
+  EdaTranscriptionPanel
+]