Bálint Kléri
--- a/ui/src/utils/drupal-globals.ts 0 → 100644
+++ b/ui/src/utils/drupal-globals.ts 0 → 100644
+const { Drupal, drupalSettings } = window as any;
--- a/ui/src/main.tsx
+++ b/ui/src/main.tsx
  const store = makeStore({ configuration: appConfiguration });

  // Make the store available to extensions.
  (drupalSettings as any).xb.store = store;
-  (drupalSettings as any).xb.store = store;
+ drupalSettings.xb.store = store;
--- a/ui/src/components/ComponentPreview.tsx
+++ b/ui/src/components/ComponentPreview.tsx
    drupalSettings?.xb.globalAssets.jsHeader + component.js_header;

  const markup = component.default_markup;
  const base_url = window.location.origin + drupalSettings?.path.baseUrl;
--- a/ui/src/main.tsx
+++ b/ui/src/main.tsx
  baseUrl: drupalSettings?.path?.baseUrl || import.meta.env.BASE_URL,
  entityType: drupalSettings?.xb?.entityType || 'node',
  entity: drupalSettings?.xb?.entity || '1',
  devMode: drupalSettings?.xb?.devMode || false,
--- a/ui/src/components/extensions/ExtensionsList.tsx
+++ b/ui/src/components/extensions/ExtensionsList.tsx

 const ExtensionsList: React.FC<ExtensionsPopoverProps> = () => {
  let extensionsList = [];
  if (drupalSettings && drupalSettings.xbExtension) {
-    extensionsList = Object.values(drupalSettings.xbExtension).map((value) => {
-      return {
-        ...value,
-        imgSrc:
-          value.imgSrc ||
-          `${drupalSettings.path.baseUrl}${drupalSettings.xb.xbModulePath}/ui/assets/icons/extension-default-abstract.svg`,
-        name: value.name,
-        description: value.description,
-      };
-    });
+    extensionsList = Object.values(drupalSettings.xbExtension).map(
+      (value: any) => {
--- a/ui/src/types/FormatType.ts 0 → 100644
+++ b/ui/src/types/FormatType.ts 0 → 100644
+export interface FormatType {