move quill.js to src

app/static/js/initQuill.d.ts

@@ -0,0 +1 @@
+export declare function initQuill(): void;

app/static/js/quill_value_to_textarea.d.ts

@@ -1 +1 @@
-export declare function initQuill(): void;
+export declare function initQuillValueToTextArea(): void;

app/static/js/src/contributors.d.ts

@@ -0,0 +1 @@
+export declare function initContributors(): void;

app/static/js/src/initQuill.d.ts

@@ -0,0 +1 @@
+export declare function initQuill(): void;

app/static/js/src/main.d.ts

@@ -0,0 +1 @@
+import './styles.css';

app/static/js/src/quill.d.ts

@@ -0,0 +1 @@
+export declare function initQuill(): void;

app/static/js/src/quill_value_to_textarea.d.ts

@@ -0,0 +1 @@
+export declare function initQuillValueToTextArea(): void;

app/templates/base.html

@@ -93,29 +93,6 @@
     {% endblock %}
     <!-- scripts -->
 
-    <!-- prettier-ignore -->
-    <script src="{{ url_for('static', filename='js/quill.js') }}"></script>
-
-    <script>
-      var toolbarOptions = [
-        ['bold', 'italic', 'underline'],
-        [{list: 'ordered'}, {list: 'bullet'}],
-        [{header: [1, 2, 3, 4, 5, 6, false]}],
-        [{indent: '-1'}, {indent: '+1'}],
-        [{align: []}],
-        ['clean'],
-      ];
-      const editorElement = document.querySelector('#editor');
-      if (editorElement) {
-        var quill = new Quill('#editor', {
-          theme: 'snow',
-          modules: {
-            toolbar: toolbarOptions,
-          },
-        });
-      }
-    </script>
-
     {% block scripts %} {% endblock %}
   </body>
 </html>

src/initQuill.ts

@@ -0,0 +1,20 @@
+const Quill = require('./quill');
+
+export function initQuill() {
+  var toolbarOptions = [
+    ['bold', 'italic', 'underline'],
+    [{list: 'ordered'}, {list: 'bullet'}],
+    [{header: [1, 2, 3, 4, 5, 6, false]}],
+    [{indent: '-1'}, {indent: '+1'}],
+    ['clean'],
+  ];
+  const editorElement = document.querySelector('#editor');
+  if (editorElement) {
+    var quill = new Quill('#editor', {
+      theme: 'snow',
+      modules: {
+        toolbar: toolbarOptions,
+      },
+    });
+  }
+}

src/main.ts

@@ -1,10 +1,12 @@
 import './styles.css';
 import {initBooks} from './books';
 import {initContributors} from './contributors';
-import {initQuill} from './quill_value_to_textarea';
+import {initQuill} from './initQuill';
+import {initQuillValueToTextArea} from './quill_value_to_textarea';
 
 document.addEventListener('DOMContentLoaded', () => {
   initBooks();
   initContributors();
   initQuill();
+  initQuillValueToTextArea();
 });

src/quill_value_to_textarea.ts

@@ -3,13 +3,10 @@ const quill_value_to_textarea = (): undefined => {
   const qlEditor: HTMLButtonElement = document.querySelector('.ql-editor');
   const editorContent = qlEditor.innerHTML;
   aboutInput.value = editorContent;
-
-  console.log(editorContent);
-
   return undefined;
 };
 
-export function initQuill() {
+export function initQuillValueToTextArea() {
   const qlEditor: HTMLButtonElement = document.querySelector('.ql-editor');
 
   if (!qlEditor) {