frayerjj-frontend 0.1.46 → 0.1.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frayerjj-frontend",
-  "version": "0.1.46",
+  "version": "0.1.48",
   "description": "My base frontend for various projects",
   "main": "src/index.js",
   "type": "module",
@@ -14,7 +14,8 @@
   "author": "Joshua Frayer",
   "license": "MIT",
   "dependencies": {
-    "@ckeditor/ckeditor5-build-classic": "^44.3.0",
+    "@ckeditor/ckeditor5-editor-classic": "^44.3.0",
+    "@ckeditor/ckeditor5-editor-inline": "^44.3.0",
     "@popperjs/core": "^2.11.8",
     "bootstrap": "^5.3.3"
   }

package/src/index.js

@@ -1,3 +1,4 @@
+import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
 import { ajax } from './ajax';
 import { init } from './init';
 import { loading } from './loading';
@@ -5,5 +6,19 @@ import { message } from './message';
 import { modal } from './modal';
 import { session } from './session';
 import { validate } from './validate';
+import ClassicEditorBase from '@ckeditor/ckeditor5-editor-classic/src/classiceditor';
+import InlineEditorBase from '@ckeditor/ckeditor5-editor-inline/src/inlineeditor';
 
-export { ajax, init, loading, message, modal, session, validate };
+class ClassicEditor extends ClassicEditorBase {}
+class InlineEditor extends InlineEditorBase {}
+
+const plugins = [];
+const config = {};
+
+ClassicEditor.builtinPlugins = plugins;
+ClassicEditor.defaultConfig = config;
+
+InlineEditor.builtinPlugins = plugins;
+InlineEditor.defaultConfig = config;
+
+export { ClassicEditor, InlineEditor, ajax, init, loading, message, modal, session, validate };

package/src/init.js

@@ -6,43 +6,11 @@ import { validate } from './validate';
 import { loading } from './loading';
 import { ajax } from './ajax';
 import { session } from './session';
-import { ckeupload } from './ckeupload';
-
-const initCKEditor = async () => {
-    try {
-        // Try to load CKEditor dynamically
-        const { ClassicEditor } = await import('@ckeditor/ckeditor5-build-classic');
-        window.ClassicEditor = ClassicEditor;
-        console.log('ClassicEditor:', window.ClassicEditor); // Debugging log
-
-        // Initialize your upload adapter or other CKEditor-related code
-        ckeupload.init();
-    } catch (error) {
-        console.error('Failed to load CKEditor dynamically:', error);
-
-        // Fallback to CDN
-        if (typeof window.ClassicEditor === 'undefined') {
-            console.warn('Falling back to CKEditor CDN.');
-            const script = document.createElement('script');
-            script.src = 'https://cdn.ckeditor.com/ckeditor5/40.0.0/classic/ckeditor.js';
-            script.onload = () => {
-                console.log('CKEditor loaded from CDN.');
-                ckeupload.init();
-            };
-            script.onerror = () => {
-                console.error('Failed to load CKEditor from CDN.');
-            };
-            document.head.appendChild(script);
-        }
-    }
-};
 
 export const init = () => {
 
     window.bootstrap = bootstrap;
     window.createPopper = createPopper;
-    window.ClassicEditor = ClassicEditor;
-    window.ckeupload = ckeupload;
     window.message = message;
     window.modal = modal;
     window.ajax = ajax;
@@ -56,7 +24,6 @@ export const init = () => {
         message.verbose('Page Loaded, Initializing');
         validate.init();
         modal.ajax.init();
-        initCKEditor();
         
         // Updates the id in the form action inside a modal. Used for delete confirm and edit modals.
         document.querySelectorAll('.modal-uuid-update').forEach(el => {