npm - @projektemacher/storymapjs - Versions diffs - 0.10.7 → 0.11.0 - Mend

@projektemacher/storymapjs 0.10.7 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (587) hide show

package/dist/examples-slideshow/static/pixel.png ADDED Viewed

Binary file

package/dist/examples-slideshow/static.json ADDED Viewed

@@ -0,0 +1,44 @@
+{
+    "@context": [
+        "http://www.w3.org/ns/anno.jsonld",
+        "https://seige.digital/strollview/2/context.jsonld"
+    ],
+    "id": "https://example.org/tours/static",
+    "type": "AnnotationCollection",
+    "creator": "",
+    "label": "A static-file tour",
+    "rights": "",
+    "first": {
+        "type": "AnnotationPage",
+        "items": [
+            {
+                "id": "https://example.org/tours/static/annotation/0",
+                "type": "Annotation",
+                "body": {
+                    "id": "https://example.org/tours/static/body/0",
+                    "type": "TextualBody",
+                    "value": "<p>Painted from a plain file.</p>",
+                    "format": "text/html"
+                },
+                "target": {
+                    "id": "https://example.org/sheet.png#0,0,64,64",
+                    "type": "Image",
+                    "format": "image/jpeg"
+                },
+                "strollview": {
+                    "filters": false,
+                    "passepartout": false,
+                    "rotation": 0,
+                    "audio": false,
+                    "manifest_id": "https://example.org/manifest",
+                    "canvas_id": "https://example.org/sheet.png",
+                    "image_id": "https://example.org/sheet.png",
+                    "image_srv": "/examples-slideshow/static/pixel.png",
+                    "image_static": null,
+                    "passepartout_color": "#000000cc",
+                    "passepartout_invert": false
+                }
+            }
+        ]
+    }
+}

package/dist/harness-multi.html ADDED Viewed

@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <title>StoryMapJS Multi-Instance Harness</title>
+        <style>*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}.sm-host{float:left;width:50%;height:100%}</style>
+      <script type="module" crossorigin src="./assets/harness-multi-XZNex3tb.js"></script>
+      <link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-P2Xu9kJm.js">
+      <link rel="modulepreload" crossorigin href="./assets/main-DQ32hWBM.js">
+      <link rel="modulepreload" crossorigin href="./assets/harness-support-CjfZIVeb.js">
+        <link rel="stylesheet" href="./css/storymap.css" />
+    </head>
+    <body>
+        <div id="sm-a" class="sm-host"></div>
+        <div id="sm-b" class="sm-host"></div>
+    </body>
+</html>

package/dist/harness.html CHANGED Viewed

@@ -2,11 +2,13 @@
 <html lang="en">
     <head>
         <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>StoryMapJS Example Harness</title>
         <style>*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0}#storymap-embed{width:100%;height:100%}</style>
-      <script type="module" crossorigin src="./assets/harness-BPFlzutp.js"></script>
-      <link rel="modulepreload" crossorigin href="./assets/main-Y-MYUSJ4.js">
+      <script type="module" crossorigin src="./assets/harness-C3JUv5Ii.js"></script>
       <link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-P2Xu9kJm.js">
+      <link rel="modulepreload" crossorigin href="./assets/main-DQ32hWBM.js">
+      <link rel="modulepreload" crossorigin href="./assets/harness-support-CjfZIVeb.js">
         <link rel="stylesheet" href="./css/storymap.css" />
     </head>
     <body>

package/dist/index.html CHANGED Viewed

@@ -8,7 +8,7 @@
             name="description"
             content="Maps that tell stories. StoryMapJS is a viewer for place-based slide stories, built on OpenLayers."
         />
-      <script type="module" crossorigin src="./assets/index-DDsPBPZA.js"></script>
+      <script type="module" crossorigin src="./assets/index-wHPqGrBS.js"></script>
       <link rel="modulepreload" crossorigin href="./assets/modulepreload-polyfill-P2Xu9kJm.js">
         <link rel="stylesheet" href="./site.css" />
     </head>
@@ -57,6 +57,7 @@
                         <a class="button" href="./docs/migration.html">Migration guide</a>
                     </li>
                     <li><a class="button" href="./docs/iiif.html">IIIF docs</a></li>
+                    <li><a class="button" href="./docs/events.html">Events</a></li>
                     <li><a class="button" href="./docs/api/index.html">API docs</a></li>
                     <li><a class="button" href="#help">Help</a></li>
                 </ul>
@@ -97,7 +98,7 @@
                         <p>There are a couple ways you can use a StoryMap.</p>
                         <ul>
                             <li>
-                                <h5>Maps</h5>
+                                <h3>Maps</h3>
                                 <p>
                                     Add a slide for each place in your story. The viewer draws
                                     cartography from OpenStreetMap or custom tile servers, and
@@ -105,7 +106,7 @@
                                 </p>
                             </li>
                             <li>
-                                <h5>Really big images</h5>
+                                <h3>Really big images</h3>
                                 <p>
                                     You can tell stories with large photographs, works of art,
                                     historic maps and other image files. Because it works best with
@@ -343,8 +344,11 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
                                         Yes — the slide <code>text</code> renders as HTML: links,
                                         images, lists and <code>vco-note</code> spans all work. Text
                                         without a <code>&lt;p&gt;</code>
-                                        tag is wrapped in one automatically. The markup is rendered
-                                        raw, so only load storymaps from sources you trust.
+                                        tag is wrapped in one automatically. The markup is sanitized
+                                        first: formatting survives, scripts and event handlers are
+                                        dropped, URLs are checked to be web URLs, and pasted
+                                        <code>&lt;iframe&gt;</code> embeds are rebuilt sandboxed.
+                                        Still, only load storymaps from sources you trust.
                                     </p>
                                 </div>
                             </li>
@@ -357,9 +361,9 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
                                     <code>map_bbox: [west, south, east, north]</code>
                                     (lon/lat) in the options — the view center is constrained to the
                                     box, so the map cannot pan away from it. For IIIF image stories
-                                    the coordinates are raw image pixels. To also limit the map to the
-                                    left, visible area (opaque slide panel, no gradient over the map),
-                                    set <code>map_area: "left"</code>.
+                                    the coordinates are raw image pixels. To also limit the map to
+                                    the left, visible area (opaque slide panel, no gradient over the
+                                    map), set <code>map_area: "left"</code>.
                                 </div>
                             </li>
                             <li>
@@ -371,10 +375,13 @@ new StoryMap("mapdiv", "my-storymap.json");</code></pre>
                                         Yes, but set
                                         <code>consent_required: true</code> to ask for permission
                                         before anything is loaded from external services (media
-                                        embeds, map tiles, external fonts). Each service asks once
-                                        per page load with an Allow/Deny panel; denied services show
-                                        a placeholder instead. Decisions are stored in a cookie for
-                                        90 days — clearing cookies asks again.
+                                        embeds, map tiles, external fonts). One dialog lists every
+                                        service the story uses and offers
+                                        <strong>allow all</strong>, <strong>decline all</strong> or
+                                        a decision per service; services discovered later still ask
+                                        on their slide. Denied services show a placeholder instead.
+                                        Decisions are stored in your browser's local storage —
+                                        clearing site data asks again.
                                     </p>
                                 </div>
                             </li>