@projektemacher/storymapjs 0.10.8 → 0.11.0

package/dist/examples-iiif/layers-control.json

@@ -0,0 +1,226 @@
+{
+    "@context": [
+        "http://iiif.io/api/extension/navplace/context.json",
+        "http://iiif.io/api/presentation/3/context.json",
+        "https://cmahnke.github.io/StoryMapJS/navplace-properties.json",
+        "https://cmahnke.github.io/StoryMapJS/context.json"
+    ],
+    "id": "https://example.org/storymap/layers-control",
+    "type": "Manifest",
+    "label": {
+        "none": [
+            "layers-control"
+        ]
+    },
+    "behavior": [
+        "paged"
+    ],
+    "metadata": [
+        {
+            "label": {
+                "none": [
+                    "Generated by"
+                ]
+            },
+            "value": {
+                "none": [
+                    "StoryMapJS"
+                ]
+            }
+        }
+    ],
+    "items": [
+        {
+            "id": "https://example.org/storymap/layers-control/canvas/1",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "navDate": "1890",
+            "items": [
+                {
+                    "id": "https://example.org/storymap/layers-control/canvas/1/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/layers-control/canvas/1/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "A menubar disclosure button lists the overlays above so the visitor can toggle them. Arrow keys navigate the story."
+                            },
+                            "target": "https://example.org/storymap/layers-control/canvas/1"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "Layers control"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "A menubar disclosure button lists the overlays above so the visitor can toggle them. Arrow keys navigate the story."
+                ]
+            },
+            "storymap:type": "overview",
+            "navPlace": {
+                "id": "https://example.org/storymap/layers-control/canvas/1/navplace",
+                "type": "FeatureCollection",
+                "features": [
+                    {
+                        "id": "https://example.org/storymap/layers-control/canvas/1/navplace/feature/1",
+                        "type": "Feature",
+                        "geometry": {
+                            "type": "Point",
+                            "coordinates": [
+                                -0.1278,
+                                51.5074
+                            ]
+                        },
+                        "properties": {
+                            "zoom": 10
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            "id": "https://example.org/storymap/layers-control/canvas/2",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "navDate": "1900",
+            "items": [
+                {
+                    "id": "https://example.org/storymap/layers-control/canvas/2/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/layers-control/canvas/2/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "The first overlay starts visible; unchecking its row hides the layer and drops its credit."
+                            },
+                            "target": "https://example.org/storymap/layers-control/canvas/2"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "The historic sheet"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "The first overlay starts visible; unchecking its row hides the layer and drops its credit."
+                ]
+            },
+            "navPlace": {
+                "id": "https://example.org/storymap/layers-control/canvas/2/navplace",
+                "type": "FeatureCollection",
+                "features": [
+                    {
+                        "id": "https://example.org/storymap/layers-control/canvas/2/navplace/feature/1",
+                        "type": "Feature",
+                        "geometry": {
+                            "type": "Point",
+                            "coordinates": [
+                                -0.0922,
+                                51.5155
+                            ]
+                        },
+                        "properties": {
+                            "zoom": 12,
+                            "line": true
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            "id": "https://example.org/storymap/layers-control/canvas/3",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "navDate": "1910",
+            "items": [
+                {
+                    "id": "https://example.org/storymap/layers-control/canvas/3/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/layers-control/canvas/3/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "The second overlay starts hidden; checking its row paints it above the basemap."
+                            },
+                            "target": "https://example.org/storymap/layers-control/canvas/3"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "The railway lines"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "The second overlay starts hidden; checking its row paints it above the basemap."
+                ]
+            },
+            "navPlace": {
+                "id": "https://example.org/storymap/layers-control/canvas/3/navplace",
+                "type": "FeatureCollection",
+                "features": [
+                    {
+                        "id": "https://example.org/storymap/layers-control/canvas/3/navplace/feature/1",
+                        "type": "Feature",
+                        "geometry": {
+                            "type": "Point",
+                            "coordinates": [
+                                -0.0046,
+                                51.4818
+                            ]
+                        },
+                        "properties": {
+                            "zoom": 11,
+                            "line": true
+                        }
+                    }
+                ]
+            }
+        }
+    ],
+    "service": [
+        {
+            "id": "https://example.org/storymap/layers-control/map-config",
+            "type": "Service",
+            "profile": "https://cmahnke.github.io/StoryMapJS/context.json/mapconfig",
+            "storymap:basemap": "osm",
+            "storymap:keyboard": true,
+            "storymap:overlays": [
+                {
+                    "map_type": "./tiles/historic/{z}/{x}/{y}.png",
+                    "opacity": 0.6,
+                    "attribution": "Historic sheet (demo overlay)"
+                },
+                {
+                    "map_type": "./tiles/railway/{z}/{x}/{y}.png",
+                    "visible": false,
+                    "attribution": "Railway lines (demo overlay)"
+                }
+            ]
+        }
+    ]
+}

package/dist/examples-iiif/map-template-provider.json

@@ -0,0 +1,133 @@
+{
+    "@context": [
+        "http://iiif.io/api/extension/navplace/context.json",
+        "http://iiif.io/api/presentation/3/context.json",
+        "https://cmahnke.github.io/StoryMapJS/navplace-properties.json",
+        "https://cmahnke.github.io/StoryMapJS/context.json"
+    ],
+    "id": "https://example.org/storymap/map-template-provider",
+    "type": "Manifest",
+    "label": {
+        "none": [
+            "map-template-provider"
+        ]
+    },
+    "behavior": [
+        "paged"
+    ],
+    "metadata": [
+        {
+            "label": {
+                "none": [
+                    "Generated by"
+                ]
+            },
+            "value": {
+                "none": [
+                    "StoryMapJS"
+                ]
+            }
+        }
+    ],
+    "items": [
+        {
+            "id": "https://example.org/storymap/map-template-provider/canvas/1",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "items": [
+                {
+                    "id": "https://example.org/storymap/map-template-provider/canvas/1/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/map-template-provider/canvas/1/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "The base layer names OpenStreetMap by its full tile template, and the credit line still credits it."
+                            },
+                            "target": "https://example.org/storymap/map-template-provider/canvas/1"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "A longhand OSM template"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "The base layer names OpenStreetMap by its full tile template, and the credit line still credits it."
+                ]
+            },
+            "storymap:type": "overview"
+        },
+        {
+            "id": "https://example.org/storymap/map-template-provider/canvas/2",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "items": [
+                {
+                    "id": "https://example.org/storymap/map-template-provider/canvas/2/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/map-template-provider/canvas/2/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "<p>A stop on a template-credited map.</p>"
+                            },
+                            "target": "https://example.org/storymap/map-template-provider/canvas/2"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "Paris"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "<p>A stop on a template-credited map.</p>"
+                ]
+            },
+            "navPlace": {
+                "id": "https://example.org/storymap/map-template-provider/canvas/2/navplace",
+                "type": "FeatureCollection",
+                "features": [
+                    {
+                        "id": "https://example.org/storymap/map-template-provider/canvas/2/navplace/feature/1",
+                        "type": "Feature",
+                        "geometry": {
+                            "type": "Point",
+                            "coordinates": [
+                                2.35,
+                                48.85
+                            ]
+                        },
+                        "properties": {}
+                    }
+                ]
+            }
+        }
+    ],
+    "service": [
+        {
+            "id": "https://example.org/storymap/map-template-provider/map-config",
+            "type": "Service",
+            "profile": "https://cmahnke.github.io/StoryMapJS/context.json/mapconfig",
+            "tilejson": {
+                "tiles": "https://tile.openstreetmap.org/{z}/{x}/{y}.png"
+            }
+        }
+    ]
+}

package/dist/examples-iiif/multi-media.json

@@ -0,0 +1,237 @@
+{
+    "@context": [
+        "http://iiif.io/api/extension/navplace/context.json",
+        "http://iiif.io/api/presentation/3/context.json",
+        "https://cmahnke.github.io/StoryMapJS/navplace-properties.json",
+        "https://cmahnke.github.io/StoryMapJS/context.json"
+    ],
+    "id": "https://example.org/storymap/multi-media",
+    "type": "Manifest",
+    "label": {
+        "none": [
+            "multi-media"
+        ]
+    },
+    "behavior": [
+        "paged"
+    ],
+    "metadata": [
+        {
+            "label": {
+                "none": [
+                    "Generated by"
+                ]
+            },
+            "value": {
+                "none": [
+                    "StoryMapJS"
+                ]
+            }
+        }
+    ],
+    "items": [
+        {
+            "id": "https://example.org/storymap/multi-media/canvas/1",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "items": [
+                {
+                    "id": "https://example.org/storymap/multi-media/canvas/1/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/multi-media/canvas/1/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "label": {
+                                "none": [
+                                    "Primary media"
+                                ]
+                            },
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "/examples/assets/placeholder-landscape.jpg"
+                            },
+                            "target": "https://example.org/storymap/multi-media/canvas/1"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "Multiple media per slide"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "A slide can carry extra visible media items after its primary one."
+                ]
+            },
+            "storymap:type": "overview"
+        },
+        {
+            "id": "https://example.org/storymap/multi-media/canvas/2",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "items": [
+                {
+                    "id": "https://example.org/storymap/multi-media/canvas/2/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/multi-media/canvas/2/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "label": {
+                                "none": [
+                                    "First item"
+                                ]
+                            },
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "/examples/assets/placeholder-city.jpg"
+                            },
+                            "target": "https://example.org/storymap/multi-media/canvas/2"
+                        },
+                        {
+                            "id": "https://example.org/storymap/multi-media/canvas/2/annotation/extra-1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "label": {
+                                "none": [
+                                    "Second item"
+                                ]
+                            },
+                            "body": {
+                                "id": "https://example.com/iframe/embed/123",
+                                "type": "Text",
+                                "format": "text/html"
+                            },
+                            "target": "https://example.org/storymap/multi-media/canvas/2"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "Side by side"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "Two items with media_layout row sit next to each other."
+                ]
+            },
+            "navPlace": {
+                "id": "https://example.org/storymap/multi-media/canvas/2/navplace",
+                "type": "FeatureCollection",
+                "features": [
+                    {
+                        "id": "https://example.org/storymap/multi-media/canvas/2/navplace/feature/1",
+                        "type": "Feature",
+                        "geometry": {
+                            "type": "Point",
+                            "coordinates": [
+                                2.35,
+                                48.85
+                            ]
+                        },
+                        "properties": {
+                            "zoom": 6
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            "id": "https://example.org/storymap/multi-media/canvas/3",
+            "type": "Canvas",
+            "height": 1080,
+            "width": 1080,
+            "items": [
+                {
+                    "id": "https://example.org/storymap/multi-media/canvas/3/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/multi-media/canvas/3/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "label": {
+                                "none": [
+                                    "First item"
+                                ]
+                            },
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "/examples/assets/placeholder-portrait.jpg"
+                            },
+                            "target": "https://example.org/storymap/multi-media/canvas/3"
+                        },
+                        {
+                            "id": "https://example.org/storymap/multi-media/canvas/3/annotation/extra-1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "label": {
+                                "none": [
+                                    "Second item"
+                                ]
+                            },
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "/examples/assets/tone.mp3"
+                            },
+                            "target": "https://example.org/storymap/multi-media/canvas/3"
+                        }
+                    ]
+                }
+            ],
+            "label": {
+                "none": [
+                    "Stacked with audio"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "Items pile vertically by default, and an audible extra badges the marker."
+                ]
+            },
+            "navPlace": {
+                "id": "https://example.org/storymap/multi-media/canvas/3/navplace",
+                "type": "FeatureCollection",
+                "features": [
+                    {
+                        "id": "https://example.org/storymap/multi-media/canvas/3/navplace/feature/1",
+                        "type": "Feature",
+                        "geometry": {
+                            "type": "Point",
+                            "coordinates": [
+                                13.4,
+                                52.52
+                            ]
+                        },
+                        "properties": {
+                            "zoom": 6
+                        }
+                    }
+                ]
+            }
+        }
+    ],
+    "service": [
+        {
+            "id": "https://example.org/storymap/multi-media/map-config",
+            "type": "Service",
+            "profile": "https://cmahnke.github.io/StoryMapJS/context.json/mapconfig",
+            "storymap:basemap": "osm",
+            "storymap:mapAsImage": false,
+            "storymap:callToAction": false
+        }
+    ]
+}

package/dist/examples-slideshow/single.json

@@ -0,0 +1,79 @@
+{
+    "@context": [
+        "http://www.w3.org/ns/anno.jsonld",
+        "https://seige.digital/strollview/2/context.jsonld"
+    ],
+    "id": "https://example.org/tours/single",
+    "type": "AnnotationCollection",
+    "creator": "Example Author",
+    "label": "A single-manifest tour",
+    "rights": "https://creativecommons.org/licenses/by/4.0/",
+    "first": {
+        "type": "AnnotationPage",
+        "items": [
+            {
+                "id": "https://example.org/tours/single/annotation/0",
+                "type": "Annotation",
+                "body": {
+                    "id": "https://example.org/tours/single/body/0",
+                    "type": "TextualBody",
+                    "value": "<h2>Opening</h2><p>First stop.</p>",
+                    "format": "text/html"
+                },
+                "target": {
+                    "id": "https://images.example.org/iiif/canvas/1#100,200,300,400",
+                    "type": "Image",
+                    "format": "image/jpeg"
+                },
+                "strollview": {
+                    "filters": { "brightness": 110, "sepia": 20 },
+                    "passepartout": { "x": 0.1, "y": 0.1, "w": 0.8, "h": 0.8 },
+                    "rotation": 45,
+                    "audio": {
+                        "url": "https://example.org/audio/0.mp3",
+                        "loop": false,
+                        "offset": 2,
+                        "play": "auto",
+                        "stopallprevious": true,
+                        "stoponexit": true
+                    },
+                    "manifest_id": "https://images.example.org/iiif/manifest",
+                    "canvas_id": "https://images.example.org/iiif/canvas/1",
+                    "image_id": "https://images.example.org/iiif/image/1",
+                    "image_srv": "https://images.example.org/iiif/image/1",
+                    "image_static": "https://images.example.org/static/1.jpg",
+                    "passepartout_color": "#000000cc",
+                    "passepartout_invert": false
+                }
+            },
+            {
+                "id": "https://example.org/tours/single/annotation/1",
+                "type": "Annotation",
+                "body": {
+                    "id": "https://example.org/tours/single/body/1",
+                    "type": "TextualBody",
+                    "value": "<p>Second stop, plain view.</p>",
+                    "format": "text/html"
+                },
+                "target": {
+                    "id": "https://images.example.org/iiif/canvas/1",
+                    "type": "Image",
+                    "format": "image/jpeg"
+                },
+                "strollview": {
+                    "filters": false,
+                    "passepartout": false,
+                    "rotation": 0,
+                    "audio": false,
+                    "manifest_id": "https://images.example.org/iiif/manifest",
+                    "canvas_id": "https://images.example.org/iiif/canvas/1",
+                    "image_id": "https://images.example.org/iiif/image/1",
+                    "image_srv": "https://images.example.org/iiif/image/1",
+                    "image_static": null,
+                    "passepartout_color": "#000000cc",
+                    "passepartout_invert": false
+                }
+            }
+        ]
+    }
+}