Update with a basic plugin

.gitignore

@@ -5,3 +5,4 @@
 /node_modules
 /umd
 npm-debug.log*
+package-lock.json

demo/src/index.js

-import React, {Component} from 'react'
-import {render} from 'react-dom'
 
-import Example from '../../src'
+import mirador from 'mirador';
 
-export default class Demo extends Component {
-  render() {
-    return <div>
-      <h1>mirador-annotations Demo</h1>
-      <Example/>
-    </div>
-  }
+import { miradorAnnotationPlugin } from '../../src'
+
+const config = {
+  id: 'demo',
+  windows: [{
+    loadedManifest: 'https://purl.stanford.edu/sn904cj3429/iiif/manifest'
+  }]
 }
 
-render(<Demo/>, document.querySelector('#demo'))
+const miradorInstance = mirador.viewer(config, [
+  miradorAnnotationPlugin,
+]);

package.json

@@ -21,16 +21,18 @@
   },
   "dependencies": {},
   "peerDependencies": {
+    "mirador": "^3.0.0-beta.8",
     "react": "16.x"
   },
   "devDependencies": {
+    "mirador": "^3.0.0-beta.8",
     "nwb": "0.24.x",
     "react": "^16.13.1",
     "react-dom": "^16.13.1"
   },
   "author": "",
   "homepage": "",
-  "license": "MIT",
+  "license": "Apache-2.0",
   "repository": "",
   "keywords": [
     "react-component"

src/index.js

-import React, {Component} from 'react'
-
-export default class extends Component {
-  render() {
-    return <div>
-      <h2>Welcome to React components</h2>
-    </div>
-  }
-}
+ export miradorAnnotationPlugin from './plugins/miradorAnnotationPlugin';

src/plugins/miradorAnnotationPlugin.js

+import React, { Component } from 'react'
+
+class MiradorImageTools extends Component {
+  render() {
+    return (
+      <div>HelloWorld</div>
+    )
+  }
+}
+
+export default {
+  target: 'WindowTopMenu',
+  mode: 'add',
+  component: MiradorImageTools,
+}