setup vanilla js way of setting up Mirador

b3e46d31 · Jack Reed · c66450d5 · b3e46d31 · b3e46d31 · b3e46d31
Commit b3e46d31 authored Nov 28, 2018 by Jack Reed
--- a/__tests__/integration/mirador/index.html
+++ b/__tests__/integration/mirador/index.html
@@ -9,5 +9,11 @@
  <body>
    <div id="mirador"></div>
    <script>document.write("<script type='text/javascript' src='../../../dist/mirador.min.js?v=" + Date.now() + "'><\/script>");</script>
+    <script type="text/javascript">
+      Mirador({
+        id: 'mirador',
+        plugins: ['HelloWorld']
+      });
+    </script>
  </body>
 </html>
--- a/src/index.js
+++ b/src/index.js
@@ -5,9 +5,16 @@ import App from './components/App';
 import { store } from './store';
 import './styles/index.scss';

+/**
+ * Default Mirador instantiation
+ */
+export default function Mirador(config) {
  ReactDOM.render(
    <Provider store={store}>
-    <App />
+      <App config={config} />
    </Provider>,
-  document.getElementById('mirador'),
+    document.getElementById(config.id),
  );
+}
+
+module.exports = Mirador;
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -24,6 +24,8 @@ module.exports = [
    output: {
      path: path.join(__dirname, 'dist'),
      filename: 'mirador.min.js',
+      libraryTarget: 'umd',
+      library: 'Mirador',
    },
    resolve: { extensions: ['.js'] },
    module: {