@projektemacher/storymapjs 0.10.6 → 0.10.8

package/dist/examples/issue-242-nonlatin.json

@@ -0,0 +1,55 @@
+{
+    "storymap": {
+        "call_to_action": false,
+        "map_as_image": false,
+        "map_type": "osm",
+        "slides": [
+            {
+                "date": "",
+                "type": "overview",
+                "text": {
+                    "headline": "Карта мира",
+                    "text": "Обзор на русском языке."
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Αθήνα",
+                    "text": "Ελληνικό κείμενο για την Αθήνα."
+                },
+                "location": {
+                    "lat": 37.98,
+                    "lon": 23.73
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "ירושלים",
+                    "text": "טקסט עברי לירושלים."
+                },
+                "location": {
+                    "lat": 31.77,
+                    "lon": 35.21
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "القاهرة",
+                    "text": "نص عربي عن القاهرة."
+                },
+                "location": {
+                    "lat": 30.04,
+                    "lon": 31.24
+                }
+            }
+        ]
+    }
+}

package/dist/examples/issue-305-start-at-slide-data.json

@@ -0,0 +1,96 @@
+{
+    "storymap": {
+        "call_to_action": false,
+        "zoomify": false,
+        "map_as_image": false,
+        "map_type": "osm",
+        "slides": [
+            {
+                "date": "",
+                "type": "overview",
+                "text": {
+                    "headline": "Start slide test",
+                    "text": "Overview"
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "One",
+                    "text": "First."
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                },
+                "location": {
+                    "lat": 48.85,
+                    "lon": 2.35,
+                    "zoom": 6,
+                    "line": true
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Two",
+                    "text": "Second."
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                },
+                "location": {
+                    "lat": 52.52,
+                    "lon": 13.4,
+                    "zoom": 6,
+                    "line": true
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Three",
+                    "text": "Third."
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                },
+                "location": {
+                    "lat": 41.9,
+                    "lon": 12.49,
+                    "zoom": 6,
+                    "line": true
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Four",
+                    "text": "Fourth."
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                },
+                "location": {
+                    "lat": 45.46,
+                    "lon": 9.19,
+                    "zoom": 6,
+                    "line": true
+                }
+            }
+        ],
+        "start_at_slide": 3
+    }
+}

package/dist/examples/issue-358-iframe.json

@@ -0,0 +1,57 @@
+{
+    "storymap": {
+        "call_to_action": false,
+        "zoomify": false,
+        "map_as_image": false,
+        "map_type": "osm",
+        "slides": [
+            {
+                "date": "",
+                "type": "overview",
+                "text": {
+                    "headline": "Extra iframe media in text",
+                    "text": "Overview"
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Iframe in text",
+                    "text": "<p>An extra video below the primary media:</p><iframe src=\"https://example.com/embed/123\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen></iframe>"
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                },
+                "location": {
+                    "lat": 48.85,
+                    "lon": 2.35,
+                    "zoom": 6
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Unsafe markup is neutralized",
+                    "text": "<p>Scripts and handlers never execute:</p><script>window.__smXss358 = true;</script><p><a href=\"javascript:alert(1)\">bad link</a></p><iframe src=\"javascript:alert(1)\"></iframe>"
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                },
+                "location": {
+                    "lat": 51.5,
+                    "lon": -0.12,
+                    "zoom": 6
+                }
+            }
+        ]
+    }
+}

package/dist/examples/issue-iiif-geo.json

@@ -0,0 +1,32 @@
+{
+    "storymap": {
+        "map_type": "iiif",
+        "map_bbox": [2.29, 48.85, 2.38, 48.9],
+        "slides": [
+            {
+                "date": "",
+                "text": {
+                    "headline": "Georeferenced IIIF",
+                    "text": "<p>The same IIIF Image API service as <code>iiif-wellcome</code>, but georeferenced: <code>map_bbox</code> instead of <code>map_as_image</code>, so slide locations are real coordinates. This is the case <code>isImageSpace()</code> must report <code>false</code> for.</p>"
+                },
+                "type": "overview"
+            },
+            {
+                "date": "2026",
+                "location": {
+                    "lat": 48.858,
+                    "lon": 2.294,
+                    "text": "<p>A real coordinate, not a pixel offset.</p>"
+                },
+                "text": {
+                    "headline": "A located slide",
+                    "text": "<p>Paris.</p>"
+                }
+            }
+        ],
+        "iiif": {
+            "url": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/info.json",
+            "attribution": "IIIF fixture repository"
+        }
+    }
+}

package/dist/examples/issue-image-alt.json

@@ -0,0 +1,23 @@
+{
+    "storymap": {
+        "call_to_action": false,
+        "map_as_image": false,
+        "map_type": "osm",
+        "slides": [
+            {
+                "date": "",
+                "type": "overview",
+                "text": {
+                    "headline": "Accessible images",
+                    "text": "Explicit alt text on the overview image."
+                },
+                "media": {
+                    "url": "/examples/assets/placeholder-portrait.jpg",
+                    "alt": "Portrait-oriented placeholder photograph",
+                    "caption": "<p>The caption stays HTML.</p>",
+                    "credit": ""
+                }
+            }
+        ]
+    }
+}

package/dist/examples/issue-image-region.json

@@ -0,0 +1,42 @@
+{
+    "storymap": {
+        "call_to_action": false,
+        "map_type": "iiif",
+        "map_as_image": true,
+        "iiif": {
+            "url": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/info.json",
+            "attribution": "IIIF fixture repository"
+        },
+        "slides": [
+            {
+                "type": "overview",
+                "date": "",
+                "text": {
+                    "headline": "Image region stops",
+                    "text": "Each slide fits its xywh region on navigation."
+                },
+                "location": {}
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Head region",
+                    "text": "The view fits the [x, y, w, h] region in image pixels."
+                },
+                "location": {
+                    "region": [800, 100, 700, 700]
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Torso region",
+                    "text": "StrollView-style image stops via the IIIF xywh convention."
+                },
+                "location": {
+                    "region": [700, 800, 900, 1100]
+                }
+            }
+        ]
+    }
+}

package/dist/examples/issue-image-srcset.json

@@ -0,0 +1,24 @@
+{
+    "storymap": {
+        "call_to_action": false,
+        "map_as_image": false,
+        "map_type": "osm",
+        "slides": [
+            {
+                "date": "",
+                "type": "overview",
+                "text": {
+                    "headline": "Responsive images",
+                    "text": "The srcset/sizes fields pass through to the img element."
+                },
+                "media": {
+                    "url": "/examples/assets/placeholder-portrait.jpg",
+                    "srcset": "/examples/assets/placeholder-portrait.jpg 480w, /examples/assets/placeholder-landscape.jpg 1024w",
+                    "sizes": "50vw",
+                    "caption": "srcset passthrough",
+                    "credit": ""
+                }
+            }
+        ]
+    }
+}

package/dist/examples/map-area-overlays.json

@@ -0,0 +1,68 @@
+{
+    "storymap": {
+        "map_type": "osm",
+        "map_area": "left",
+        "keyboard": true,
+        "map_mini": true,
+        "overview_extent": [-0.6, 51.2, 0.4, 51.8],
+        "map_bbox": [-0.6, 51.2, 0.4, 51.8],
+        "overlays": [
+            {
+                "map_type": "https://tiles.example.org/london-1900/{z}/{x}/{y}.png",
+                "opacity": 0.55,
+                "attribution": "Historical base sheet (demo overlay)"
+            },
+            {
+                "map_type": "https://tiles.example.org/railway-1850/{z}/{x}/{y}.png",
+                "visible": false,
+                "className": "ol-layer historic-sheet",
+                "blendMode": "multiply",
+                "extent": [-0.4, 51.3, 0.2, 51.7],
+                "attribution": "Railway lines 1850 (demo overlay)"
+            }
+        ],
+        "slides": [
+            {
+                "date": "1890",
+                "type": "overview",
+                "text": {
+                    "headline": "Map area, overlays and minimap bounds",
+                    "text": "The map is limited to the left half, two raster layers are stacked above the basemap (the second one hidden, blended and clipped) and the overview is pinned to a lon/lat box. Arrow keys navigate the story."
+                },
+                "media": {
+                    "url": "/examples/assets/placeholder-landscape.jpg",
+                    "alt": "A map of London with two stacked overlay layers",
+                    "caption": "map_area, overlays, overview_extent, keyboard",
+                    "credit": ""
+                },
+                "location": { "lat": 51.5074, "lon": -0.1278, "zoom": 10 }
+            },
+            {
+                "date": "1900",
+                "text": {
+                    "headline": "The overlay follows the story",
+                    "text": "Every option in this storymap is also expressible in a IIIF Presentation manifest: map_area, overlays, overview_extent and keyboard become storymap: extension terms of the map configuration service."
+                },
+                "media": {
+                    "url": "/examples/assets/placeholder-portrait.jpg",
+                    "caption": "",
+                    "credit": ""
+                },
+                "location": { "lat": 51.5155, "lon": -0.0922, "zoom": 12, "line": true }
+            },
+            {
+                "date": "1910",
+                "text": {
+                    "headline": "Constrained to the box",
+                    "text": "map_bbox and overview_extent use the same [west, south, east, north] lon/lat convention, and a polygon navPlace in a manifest is read as exactly that box."
+                },
+                "media": {
+                    "url": "/examples/assets/placeholder-landscape.jpg",
+                    "caption": "",
+                    "credit": ""
+                },
+                "location": { "lat": 51.4818, "lon": -0.0046, "zoom": 11, "line": true }
+            }
+        ]
+    }
+}

package/dist/examples/no-map.json

@@ -0,0 +1,44 @@
+{
+    "storymap": {
+        "map_type": "none",
+        "slides": [
+            {
+                "type": "overview",
+                "date": "",
+                "text": {
+                    "headline": "A story with no map",
+                    "text": "The text and the media are the whole story."
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Second slide",
+                    "text": "<p>Navigation, the progress bar and the hash all work without a map.</p>"
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                }
+            },
+            {
+                "date": "",
+                "text": {
+                    "headline": "Third slide",
+                    "text": "<p>Nothing here was ever put on a tile server.</p>"
+                },
+                "media": {
+                    "url": "",
+                    "caption": "",
+                    "credit": ""
+                }
+            }
+        ]
+    }
+}

package/dist/examples-iiif/annotated-image.json

@@ -0,0 +1,188 @@
+{
+    "@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/annotated-image",
+    "type": "Manifest",
+    "label": {
+        "none": [
+            "Annotation-driven tour"
+        ]
+    },
+    "summary": {
+        "none": [
+            "One canvas as an image map, four tour stops: every commenting, tagging, classifying or describing annotation with a fragment target becomes a slide that fits the region it points at."
+        ]
+    },
+    "requiredStatement": {
+        "label": {
+            "none": [
+                "Attribution"
+            ]
+        },
+        "value": {
+            "none": [
+                "The Laoco\u00f6n and His Sons, IIIF Image API example reference"
+            ]
+        }
+    },
+    "provider": [
+        {
+            "id": "https://example.org/",
+            "type": "Agent",
+            "label": {
+                "none": [
+                    "StoryMapJS"
+                ]
+            }
+        }
+    ],
+    "service": [
+        {
+            "id": "https://example.org/storymap/annotated-image/map-config",
+            "type": "Service",
+            "profile": "https://cmahnke.github.io/StoryMapJS/context.json/mapconfig",
+            "storymap:basemap": "iiif",
+            "storymap:mapAsImage": true
+        }
+    ],
+    "items": [
+        {
+            "id": "https://example.org/storymap/annotated-image/canvas/1",
+            "type": "Canvas",
+            "height": 3000,
+            "width": 2315,
+            "label": {
+                "none": [
+                    "The sculpture"
+                ]
+            },
+            "summary": {
+                "none": [
+                    "The whole panel, before any detail."
+                ]
+            },
+            "storymap:type": "overview",
+            "items": [
+                {
+                    "id": "https://example.org/storymap/annotated-image/canvas/1/annotationpage/1",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/annotated-image/canvas/1/annotation/1",
+                            "type": "Annotation",
+                            "motivation": "painting",
+                            "body": {
+                                "id": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/full/max/0/default.jpg",
+                                "type": "Image",
+                                "format": "image/jpeg",
+                                "width": 2315,
+                                "height": 3000,
+                                "service": [
+                                    {
+                                        "id": "https://iiif.io/api/image/3.0/example/reference/28473c77da3deebe4375c3a50572d9d3-laocoon/info.json",
+                                        "type": "ImageService3",
+                                        "profile": "level2"
+                                    }
+                                ]
+                            },
+                            "target": "https://example.org/storymap/annotated-image/canvas/1"
+                        }
+                    ]
+                },
+                {
+                    "id": "https://example.org/storymap/annotated-image/canvas/1/annotationpage/2",
+                    "type": "AnnotationPage",
+                    "items": [
+                        {
+                            "id": "https://example.org/storymap/annotated-image/canvas/1/annotation/101",
+                            "type": "Annotation",
+                            "motivation": "commenting",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/plain",
+                                "value": "First paragraph of the stop.\n\nSecond paragraph, separated by a blank line."
+                            },
+                            "target": {
+                                "type": "SpecificResource",
+                                "source": "https://example.org/storymap/annotated-image/canvas/1",
+                                "selector": {
+                                    "type": "FragmentSelector",
+                                    "value": "xywh=700,300,900,900"
+                                }
+                            }
+                        },
+                        {
+                            "id": "https://example.org/storymap/annotated-image/canvas/1/annotation/102",
+                            "type": "Annotation",
+                            "motivation": "describing",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/html",
+                                "value": "<p>Lower group, with the <em>inscription</em> below.</p>"
+                            },
+                            "target": {
+                                "type": "SpecificResource",
+                                "source": "https://example.org/storymap/annotated-image/canvas/1",
+                                "selector": {
+                                    "type": "FragmentSelector",
+                                    "value": "xywh=120,1500,1100,900"
+                                }
+                            },
+                            "label": {
+                                "none": [
+                                    "The lower group"
+                                ]
+                            }
+                        },
+                        {
+                            "id": "https://example.org/storymap/annotated-image/canvas/1/annotation/103",
+                            "type": "Annotation",
+                            "motivation": "commenting",
+                            "body": {
+                                "id": "https://example.org/audio/inscription.mp3",
+                                "type": "Sound",
+                                "format": "audio/mpeg",
+                                "label": {
+                                    "none": [
+                                        "Reading of the inscription"
+                                    ]
+                                }
+                            },
+                            "target": {
+                                "type": "SpecificResource",
+                                "source": "https://example.org/storymap/annotated-image/canvas/1",
+                                "selector": {
+                                    "type": "FragmentSelector",
+                                    "value": "xywh=150,2200,700,700"
+                                }
+                            }
+                        },
+                        {
+                            "id": "https://example.org/storymap/annotated-image/canvas/1/annotation/104",
+                            "type": "Annotation",
+                            "motivation": "tagging",
+                            "body": {
+                                "type": "TextualBody",
+                                "format": "text/plain",
+                                "value": "A pin in the middle of the group."
+                            },
+                            "target": {
+                                "type": "SpecificResource",
+                                "source": "https://example.org/storymap/annotated-image/canvas/1",
+                                "selector": {
+                                    "type": "PointSelector",
+                                    "x": 1150,
+                                    "y": 1500
+                                }
+                            }
+                        }
+                    ]
+                }
+            ]
+        }
+    ]
+}