Closes #1

src/pdf/PDFViewer.jsx

@@ -12,9 +12,10 @@ const store = new Store();
 /** 
  * Helper to insert the page index into the annotation target
  */
-const extendTarget = (annotation, page) => ({
+const extendTarget = (annotation, source, page) => ({
     ...annotation,
     target: {
+      source,
       selector: annotation.target.selector.map(selector =>
         selector.type === 'TextPositionSelector' ?  
           { ...selector, page } : selector)
@@ -84,7 +85,7 @@ const PDFViewer = props => {
 
   const onCreateAnnotation = a => {
     // Insert page number in target
-    const extended = extendTarget(a, page.pageNumber);
+    const extended = extendTarget(a, props.url, page.pageNumber);
 
     // Store in memory
     store.createAnnotation(extended);
@@ -94,16 +95,16 @@ const PDFViewer = props => {
   }
 
   const onUpdateAnnotation = (a, p) => {
-    const updated = extendTarget(a, page.pageNumber);
-    const previous = extendTarget(p, page.pageNumber);
+    const updated = extendTarget(a, props.url, page.pageNumber);
+    const previous = extendTarget(p, props.url, page.pageNumber);
 
     store.updateAnnotation(updated, previous);
 
     props.onUpdateAnnotation && props.onUpdateAnnotation(updated, previous);
   }
 
   const onDeleteAnnotation = a => {
-    const extended = extendTarget(a, page.pageNumber);
+    const extended = extendTarget(a, props.url, page.pageNumber);
     store.deleteAnnotation(extended);
     props.onDeleteAnnotation && props.onDeleteAnnotation(extended);
   }

test/index.js

@@ -17,7 +17,8 @@ const App = () => {
   return (
     <PDFViewer 
       url="compressed.tracemonkey-pldi-09.pdf" 
-      annotations={annotations} />
+      annotations={annotations} 
+      onCreateAnnotation={a => console.log(JSON.stringify(a))} />
   )
 
 }