something

Author: bhanu2006-24

src/editors/PluggableEditors.test.tsx

@@ -0,0 +1,29 @@
+import supportedEditors, { registerEditor } from './supportedEditors';
+
+describe('Pluggable Editors', () => {
+    it('should allow registering a new editor', () => {
+        const MockEditor = () => <div>Mock Editor</div>;
+        const newBlockType = 'test-block-type';
+
+        expect(supportedEditors[newBlockType]).toBeUndefined();
+
+        registerEditor(newBlockType, MockEditor);
+
+        expect(supportedEditors[newBlockType]).toBe(MockEditor);
+    });
+
+    it('should allow overwriting an existing editor', () => {
+        const MockEditor = () => <div>New Mock Editor</div>;
+        const existingBlockType = 'html'; // Assuming 'html' exists
+
+        const originalEditor = supportedEditors[existingBlockType];
+        expect(originalEditor).toBeDefined();
+
+        registerEditor(existingBlockType, MockEditor);
+
+        expect(supportedEditors[existingBlockType]).toBe(MockEditor);
+
+        // Restore original editor for other tests
+        registerEditor(existingBlockType, originalEditor);
+    });
+});

src/editors/supportedEditors.ts

@@ -8,13 +8,17 @@ import GameEditor from './containers/GameEditor';
 
 import { blockTypes } from './data/constants/app';
 
-const supportedEditors = {
+const supportedEditors: Record<string, any> = {
   [blockTypes.html]: TextEditor,
   [blockTypes.video]: VideoEditor,
   [blockTypes.problem]: ProblemEditor,
   [blockTypes.video_upload]: VideoUploadEditor,
   // ADDED_EDITORS GO BELOW
   [blockTypes.game]: GameEditor,
-} as const;
+};
+
+export const registerEditor = (blockType: string, editorComponent: any) => {
+  supportedEditors[blockType] = editorComponent;
+};
 
 export default supportedEditors;