make resource dependency specifier an object

1 files changed, 6 insertions, 2 deletions

diff --git a/html/item_preview.js b/html/item_preview.js
index bd4fd68..1da9492 100644
--- a/html/item_preview.js
+++ b/html/item_preview.js
@@ -82,7 +82,10 @@ function resource_preview(resource, preview_object, link_cb=make_file_link) {
     preview_object.source_name.innerText = resource.source_name;
 
     [...preview_object.dependencies.childNodes].forEach(n => n.remove());
-    populate_list(preview_object.dependencies, resource.dependencies);
+
+    const deps_refs = resource.dependencies || [];
+    populate_list(preview_object.dependencies,
+		  deps_refs.map(res_ref => res_ref.identifier));
 
     const link_maker = file_ref => link_cb(preview_object, file_ref);
 
@@ -109,7 +112,8 @@ function mapping_preview(mapping, preview_object, link_cb=make_file_link) {
     preview_object.source_name.innerText = mapping.source_name;
 
     [...preview_object.payloads.childNodes].forEach(n => n.remove());
-    for (const [pattern, payload] of Object.entries(mapping.payloads).sort()) {
+    const payload_entries = Object.entries(mapping.payloads || {}).sort();
+    for (const [pattern, payload] of payload_entries) {
 	/* We use a non-breaking space because normal space would be ignored. */
 	const [nbsp, rarrow] = [160, 0x2192].map(n => String.fromCodePoint(n));
 	const texts = [`${pattern}${nbsp}`, `${rarrow}  ${payload.identifier}`];