Remove array.prototype.flat() uses and fix package.json formatting

Author: JulieWinchester

package.json

@@ -58,17 +58,16 @@
     "webpack-cli": "^5.1.4",
     "yargs": "3.10.0"
   },
-  "homepage": "https://iiif-commons.github.io/manifesto-3d/",
   "dependencies": {
     "@edsilv/http-status-codes": "^1.0.3",
     "@iiif/vocabulary": "^1.0.26",
+    "color-string": "1.9",
     "isomorphic-unfetch": "^3.0.0",
     "lodash": "^4.17.21",
     "node-fetch": "2",
+    "threejs-math": "^0.147",
     "unfetch": "^4.2.0",
-    "webpack": "^5.89.0",
-    "color-string": "1.9",
-    "threejs-math": "^0.147"
+    "webpack": "^5.89.0"
   },
   "directories": {
     "test": "test"

src/Canvas.ts

@@ -247,12 +247,10 @@ export class Canvas extends Resource {
       .map(annotationPage => new AnnotationPage(annotationPage, this.options)) as AnnotationPage[];  
     if (!annotationPages.length) return [];
 
-    const annotations = annotationPages
-      .map(page => page.getItems())
-      .flat()
-      .map(annotation => new Annotation(annotation, this.options));
-
-    return annotations;
+    const annotationsNested = annotationPages.map(page => page.getItems()) as Annotation[][];
+    const annotationsFlat = flattenDeep(annotationsNested) as Annotation[];
+    
+    return annotationsFlat.map(annotation => new Annotation(annotation, this.options));
   }
 
   getOtherContent(): Promise<AnnotationList[]> {

src/Scene.ts

@@ -6,6 +6,8 @@ import {
   ManifestResource,
   Color
 } from "./internal";
+// @ts-ignore
+import flattenDeep from "lodash/flattenDeep";
 
 export class Scene extends ManifestResource {
   constructor(jsonld: any, options: IManifestoOptions) {
@@ -77,11 +79,9 @@ export class Scene extends ManifestResource {
       .map(annotationPage => new AnnotationPage(annotationPage, this.options)) as AnnotationPage[];  
     if (!annotationPages.length) return [];
 
-    const annotations = annotationPages
-      .map(page => page.getItems())
-      .flat()
-      .map(annotation => new Annotation(annotation, this.options));
-
-    return annotations;
+    const annotationsNested = annotationPages.map(page => page.getItems()) as Annotation[][];
+    const annotationsFlat = flattenDeep(annotationsNested) as Annotation[];
+        
+    return annotationsFlat.map(annotation => new Annotation(annotation, this.options));
   }
 }