diff --git a/templates/editors/reference-editor.html.twig b/templates/editors/reference-editor.html.twig
index ea4e094..fac7bd4 100644
--- a/templates/editors/reference-editor.html.twig
+++ b/templates/editors/reference-editor.html.twig
@@ -2,17 +2,17 @@
 <html>
     <head>
         <title>Reference Editor</title>
+        {{ importmap('app') }}
+
         <script type='module'>
-            import {setHeight, setBooks, setEventListeners} from "{{ asset('js/home.js') }}";
-            import {retrieveReference, retrieveReferenceType, saveReference} from '{{ asset("js/reference.js") }}';
-            window.retrieveReference = retrieveReference;
-            window.retrieveReferenceType = retrieveReferenceType;
-            window.saveReference = saveReference;
+            import {setBooks, setEventListeners} from "{{ asset('js/home.js') }}";
+            import * as ref from "{{ asset('js/reference.js') }}";
+            window.ref = ref;
         </script>
     </head>
 
     <body>
-        <select id='referenceTypes' onchange='retrieveReferenceType(this)'>
+        <select id='referenceTypes' onchange='ref.retrieveReferenceType(this)'>
             <option value=''>-- Select Reference --</option>
             <option value='new'>-- Insert New --</option>
             <option value='creed'>Creed</option>
@@ -29,10 +29,10 @@
             <option value='39a'>Thirty-Nine Articles</option>
             <option value='lbc'>London Baptist Confession</option>
         </select>&nbsp;&nbsp;
-        <select id='referenceSeries' onchange='retrieveReference(this)'>
+        <select id='referenceSeries' onchange='ref.retrieveReference(this)'>
         </select>&nbsp;&nbsp;
         <input type='text' name='name' id='refName' style='display:none;' />&nbsp;&nbsp;
-        <button id='save' name='save' onclick='saveReference()'>Save</button>
+        <button id='save' name='save' onclick='ref.saveReference()'>Save</button>
         <a href='/home'>Back</a><br />
 
         <textarea id='reference' name='reference' rows=45 cols=100></textarea>
diff --git a/templates/editors/template-editor.html.twig b/templates/editors/template-editor.html.twig
index bf19c1d..fb451b9 100644
--- a/templates/editors/template-editor.html.twig
+++ b/templates/editors/template-editor.html.twig
@@ -20,8 +20,8 @@
             <textarea id='template_value' name='template' wrap='hard' cols=100 rows=45></textarea>
         </form>
 
-        <script src='{{ asset("js/script.js") }}'></script>
         <script type='module'>
+            import * as state from "{{ asset('js/state.js') }}";
             import {retrieveTemplate, saveTemplate} from "{{ asset('js/template.js') }}";
             window.retrieveTemplate = retrieveTemplate;
             window.saveTemplate = saveTemplate;
