frayerjj-frontend 0.1.21 → 0.1.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frayerjj-frontend",
-  "version": "0.1.21",
+  "version": "0.1.23",
   "description": "My base frontend for various projects",
   "main": "src/index.js",
   "type": "module",

package/src/ckeupload.js

@@ -0,0 +1,56 @@
+export const CkeUploadAdapterPlugin = function(editor) {
+
+    class CkeUploadAdapter {
+        constructor(loader, uri, token) {
+            this.loader = loader;
+            this.uri = uri;
+            this.token = token;
+        }
+        upload() {
+            return this.loader.file
+                .then(file => new Promise((resolve, reject) => {
+                    this._initRequest();
+                    this._initListeners(resolve, reject, file);
+                    this._sendRequest(file);
+                }));
+        }
+        abort() {
+            if (this.xhr) this.xhr.abort();
+        }
+        _initRequest() {
+            const xhr = this.xhr = new XMLHttpRequest();
+            xhr.open('POST', this.uri, true);
+            xhr.setRequestHeader('X-CSRFToken', this.token);
+            xhr.responseType = 'json';
+        }
+        _initListeners(resolve, reject, file) {
+            const xhr = this.xhr;
+            const loader = this.loader;
+            const genericErrorText = `Couldn't upload file: ${ file.name }.`;
+            xhr.addEventListener( 'error', () => reject(genericErrorText) );
+            xhr.addEventListener( 'abort', () => reject() );
+            xhr.addEventListener( 'load', () => {
+                const response = xhr.response;
+                if (!response || response.error) return reject(response && response.error ? response.error.message : genericErrorText);
+                resolve({ default: response.url });
+            });
+            if (xhr.upload) {
+                xhr.upload.addEventListener('progress', evt => {
+                    if (evt.lengthComputable) {
+                        loader.uploadTotal = evt.total;
+                        loader.uploaded = evt.loaded;
+                    }
+                });
+            }
+        }
+        _sendRequest(file) {
+            const data = new FormData();
+            data.append('file', file);
+            this.xhr.send(data);
+        }
+    };
+
+    editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {
+        return new CkeUploadAdapter(loader, editor.config._config.extraParams.uri, editor.config._config.extraParams.token);
+    };
+};

package/src/index.js

@@ -1,4 +1,5 @@
 import { ajax } from './ajax';
+import { CkeUploadAdapterPlugin } from './ckeupload';
 import { init } from './init';
 import { loading } from './loading';
 import { message } from './message';
@@ -6,4 +7,4 @@ import { modal } from './modal';
 import { session } from './session';
 import { validate } from './validate';
 
-export { ajax, init, loading, message, modal, session, validate };
+export { ajax, CkeUploadAdapterPlugin, init, loading, message, modal, session, validate };

package/src/init.js

@@ -1,6 +1,7 @@
 import { message } from './message';
 import { modal } from './modal';
 import { validate } from './validate';
+import { CkeUploadAdapterPlugin } from '@ckeditor/ckeditor5-adapter-ckfinder';
 import { ClassicEditor } from '@ckeditor/ckeditor5-build-classic';
 
 export const init = () => {
@@ -75,62 +76,6 @@ export const init = () => {
         }
     });
 
-    class CkeUploadAdapter {
-        constructor(loader, uri, token) {
-            this.loader = loader;
-            this.uri = uri;
-            this.token = token;
-        }
-        upload() {
-            return this.loader.file
-                .then(file => new Promise((resolve, reject) => {
-                    this._initRequest();
-                    this._initListeners(resolve, reject, file);
-                    this._sendRequest(file);
-                }));
-        }
-        abort() {
-            if (this.xhr) this.xhr.abort();
-        }
-        _initRequest() {
-            const xhr = this.xhr = new XMLHttpRequest();
-            xhr.open('POST', this.uri, true);
-            xhr.setRequestHeader('X-CSRFToken', this.token);
-            xhr.responseType = 'json';
-        }
-        _initListeners(resolve, reject, file) {
-            const xhr = this.xhr;
-            const loader = this.loader;
-            const genericErrorText = `Couldn't upload file: ${ file.name }.`;
-            xhr.addEventListener( 'error', () => reject(genericErrorText) );
-            xhr.addEventListener( 'abort', () => reject() );
-            xhr.addEventListener( 'load', () => {
-                const response = xhr.response;
-                if (!response || response.error) return reject(response && response.error ? response.error.message : genericErrorText);
-                resolve({ default: response.url });
-            });
-            if (xhr.upload) {
-                xhr.upload.addEventListener('progress', evt => {
-                    if (evt.lengthComputable) {
-                        loader.uploadTotal = evt.total;
-                        loader.uploaded = evt.loaded;
-                    }
-                });
-            }
-        }
-        _sendRequest(file) {
-            const data = new FormData();
-            data.append('file', file);
-            this.xhr.send(data);
-        }
-    };
-    
-    window.CkeUploadAdapterPlugin = function(editor) {
-        editor.plugins.get('FileRepository').createUploadAdapter = (loader) => {
-            return new CkeUploadAdapter(loader, editor.config._config.extraParams.uri, editor.config._config.extraParams.token);
-        };
-    };
-
     window.editors = [];
     document.querySelectorAll('.wysiwyg').forEach(el => {
         message.verbose('Enabling WYSIWYG Editor');