update template

Author: unverbuggt

documentation/decrypt-form.tpl.html

@@ -5,15 +5,15 @@ <h1>{{ summary }}</h1>
         {% if encryption_info_message %}<p>{{ encryption_info_message }}</p>{% endif %}
         <div class="w3-row-padding" style="padding-left: 0px;">
         {%- if obfuscate %}
-        <input type="hidden" id="mkdocs-content-password" value="{{ obfuscate_password }}" />
+        <input type="hidden" id="mkdocs-content-password" value="{{ obfuscate_password }}">
         {%- else %}
             {%- if uname %}
           <div class="w3-third">
-            <input{% if input_class %} class="{{ input_class }}"{% endif %} type="text" id="mkdocs-content-user" placeholder="{{ placeholder_user }}" />
+            <input{% if input_class %} class="{{ input_class }}"{% endif %} type="text" id="mkdocs-content-user" placeholder="{{ placeholder_user }}">
           </div>
             {%- endif %}
           <div class="w3-third">
-            <input{% if input_class %} class="{{ input_class }}"{% endif %} type="password" id="mkdocs-content-password" placeholder="{{ placeholder }}" />
+            <input{% if input_class %} class="{{ input_class }}"{% endif %} type="password" id="mkdocs-content-password" placeholder="{{ placeholder }}">
           </div>
         {%- endif %}
         {%- if password_button %}
@@ -35,10 +35,27 @@ <h1>{{ summary }}</h1>
 {% if inject_something %}var inject_something = {{ inject_something }};{% endif -%}
 {% if delete_something %}var delete_something = "{{ delete_something }}";{%- endif %}
 </script>
-{% for library in js_libraries %}
+{%- if esm %}
+<script type="module">
+if (!window.hasOwnProperty("init_decryptor")) {
+    {%- if not webcrypto %}
+    import("{{ js_libraries[0] }}").then((module) => {
+        window["CryptoJS"] = module.default;
+    {%- endif %}
+    import("{{ base_path }}assets/javascripts/decrypt-contents.js");
+    {%- if not webcrypto %}
+    });
+    {%- endif %}
+} else {
+    init_decryptor();
+}
+</script>
+{%- else %}
+    {%- for library in js_libraries %}
 <script type="text/javascript" src="{{ library }}"></script>
-{%- endfor %}
+    {%- endfor %}
 <script type="text/javascript" src="{{ base_path }}assets/javascripts/decrypt-contents.js" defer></script>
+{%- endif %}
 <script>
 var encryptcontent_info = document.getElementById('encryptcontent-info');
 encryptcontent_info.innerHTML = '<b>keystore length:</b> '+ encryptcontent_keystore.length + '<br>encryptcontent id:<b>:</b> ' + encryptcontent_id;

documentation/mkdocs.yml

@@ -140,6 +140,7 @@ plugins:
         sharelinks_incomplete: true
         #kdf_pow: 4
         webcrypto: true
+        esm: true
         sign_files: 'encryptcontent-plugin.json'
         cache_file: 'encryptcontent.cache'
         sharelinks_output: 'sharelinks.txt'