From 715d42d37818d18e9dd50010bfa9b9326ff369c3 Mon Sep 17 00:00:00 2001
From: Rajit Sarkar <rsar@loc.gov>
Date: Mon, 26 Aug 2024 12:20:07 -0400
Subject: [PATCH] CONCD-923 Implement an import map for JavaScript modules

---
 concordia/static/js/src/contribute.js                |  2 +-
 concordia/static/js/src/viewer-split.js              |  2 +-
 concordia/templates/transcriptions/asset_detail.html | 12 ++++++++----
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/concordia/static/js/src/contribute.js b/concordia/static/js/src/contribute.js
index 26a54619d..45f39b6e5 100644
--- a/concordia/static/js/src/contribute.js
+++ b/concordia/static/js/src/contribute.js
@@ -1,6 +1,6 @@
 /* global $ displayMessage buildErrorMessage */
 
-import {reserveAssetForEditing} from './asset-reservation.js';
+import {reserveAssetForEditing} from 'asset-reservation';
 
 function lockControls($container) {
     if (!$container) {
diff --git a/concordia/static/js/src/viewer-split.js b/concordia/static/js/src/viewer-split.js
index f425121b8..8672d3046 100644
--- a/concordia/static/js/src/viewer-split.js
+++ b/concordia/static/js/src/viewer-split.js
@@ -1,4 +1,4 @@
-import {seadragonViewer} from './viewer.js';
+import {seadragonViewer} from 'viewer';
 import Split from '/static/split.js/dist/split.es.js';
 
 let pageSplit;
diff --git a/concordia/templates/transcriptions/asset_detail.html b/concordia/templates/transcriptions/asset_detail.html
index 0cb1144c6..d832a69da 100644
--- a/concordia/templates/transcriptions/asset_detail.html
+++ b/concordia/templates/transcriptions/asset_detail.html
@@ -31,6 +31,14 @@
             data-tile-source-url="{% asset_media_url asset %}?canvas"
     ></script>
 
+    <script type="importmap">
+        {
+            "imports": {
+                "asset-reservation": "{% static 'js/asset-reservation.js' %}",
+                "viewer": "{% static 'js/viewer.js' %}"
+            }
+        }
+    </script>
     <script module src="{% static 'openseadragon/build/openseadragon/openseadragon.min.js' %}"></script>
     <script module src="{% static 'openseadragon-filtering/openseadragon-filtering.js' %}"></script>
 
@@ -39,10 +47,6 @@
     <script type="module" src="{% static 'js/guide.js' %}"></script>
     <script type="module" src="{% static 'js/quick-tips-setup.js' %}"></script>
     <script type="module" src="{% static 'js/ocr.js' %}"></script>
-    <script type="module" src="{% static 'js/asset-reservation.js' %}"></script>
-    <script type="module" src="{% static 'js/viewer.js' %}"
-
-    ></script>
 {% endblock head_content %}
 
 {% block breadcrumbs %}