make default frontend hostname configurable and add subschema extraction utility to toolbar

* make default frontend hostname configurable via github action

* add utility menu option to schema editor, now with option to extract all inlined elements

* apply formatting changes

* fix merge conflict

* remove unused imports

* apply formatting changes

---------

Co-authored-by: Logende <[email protected]>

Author: Logende

.github/workflows/github-pages.yml

@@ -16,6 +16,7 @@ jobs:
       - name: Install and Build
         env:
           USE_META_CONFIGURATOR_BASE_PATH: true  # Set to true for GitHub Pages deployment
+          FRONTEND_HOSTNAME: https://metaconfigurator.github.io/meta-configurator
         run: |
           cd meta_configurator
           npm ci

meta_configurator/src/components/toolbar/extractSchemaDefinitions.ts

@@ -1,25 +1,24 @@
-import {openClearDataEditorDialog} from '@/components/toolbar/clearFile';
 import {toastService} from '@/utility/toastService';
-import {useDataSource} from '@/data/dataSource';
-import {fetchExternalContent} from '@/utility/fetchExternalContent';
+import {extractAllInlinedSchemaElements} from '@/schema/schemaManipulationUtils';
+import {getDataForMode} from '@/data/useDataLink';
+import {SessionMode} from '@/store/sessionMode';
 
 /**
  * Goes through the schema and extracts all sub-schema definitions into the $defs section.
  */
-export async function fetchSchemaFromUrl(schemaURL: string): Promise<void> {
-  const response = await fetchExternalContent(schemaURL);
-  const schemaContent = await response.json();
-  const schemaName = schemaContent.title || 'Unknown Schema';
-  useDataSource().userSchemaData.value = schemaContent;
-
-  openClearDataEditorDialog();
+export async function extractInlinedSchemaDefinitions(): Promise<void> {
+  const extractedElementCount = extractAllInlinedSchemaElements(
+    getDataForMode(SessionMode.SchemaEditor),
+    false,
+    true
+  );
 
   if (toastService) {
     toastService.add({
       severity: 'info',
       summary: 'Info',
-      detail: `"${schemaName}" fetched successfully`,
-      life: 3000,
+      detail: `"Extracted ${extractedElementCount}" inlined schema elements into the $defs section.`,
+      life: 5000,
     });
   }
 }

meta_configurator/src/components/toolbar/menuItems.ts

@@ -2,10 +2,8 @@ import {openUploadFileDialog, openUploadSchemaDialog} from '@/components/toolbar
 import {downloadFile} from '@/components/toolbar/downloadFile';
 import {clearCurrentFile} from '@/components/toolbar/clearFile';
 import {useSessionStore} from '@/store/sessionStore';
-import {ref} from 'vue';
-import type {SchemaOption} from '@/packaged-schemas/schemaOption';
 import {openGenerateDataDialog} from '@/components/toolbar/createSampleData';
-import {getDataForMode, useCurrentData, useCurrentSchema} from '@/data/useDataLink';
+import {getDataForMode, useCurrentData} from '@/data/useDataLink';
 import {useDataSource} from '@/data/dataSource';
 import {SessionMode} from '@/store/sessionMode';
 import {SETTINGS_DATA_DEFAULT} from '@/settings/defaultSettingsData';
@@ -14,6 +12,7 @@ import type {MenuItem} from 'primevue/menuitem';
 import {panelTypeRegistry} from '@/components/panels/panelTypeRegistry';
 import {panelTypeGuiEditor} from '@/components/panels/defaultPanelTypes';
 import {openImportSchemaDialog} from '@/components/toolbar/importFile';
+import {extractInlinedSchemaDefinitions} from '@/components/toolbar/extractSchemaDefinitions';
 
 /**
  * Helper class that contains the menu items for the top menu bar.
@@ -185,6 +184,18 @@ export class MenuItems {
         icon: 'fa-solid fa-download',
         command: () => downloadFile(useDataSource().userSchemaData.value.title ?? 'untitled', true),
       },
+      {
+        label: 'Utility',
+        icon: 'fa-solid fa-wrench',
+        key: 'utility',
+        items: [
+          {
+            label: 'Extract All Inlined Schema Elements',
+            icon: 'fa-solid fa-scissors',
+            command: extractInlinedSchemaDefinitions,
+          },
+        ],
+      },
       {
         label: 'Generate Source Code...',
         icon: 'fa-solid fa-file-code',

meta_configurator/src/fontawesome.ts

@@ -39,6 +39,7 @@ import {
   faListUl,
   faFileCode,
   faShare,
+  faScissors,
 } from '@fortawesome/free-solid-svg-icons';
 import {
   faFile,
@@ -96,4 +97,5 @@ export function registerIcons() {
   library.add(faFileCode);
   library.add(faFileCodeRegular);
   library.add(faShare);
+  library.add(faScissors);
 }

meta_configurator/src/settings/defaultSettingsData.ts

@@ -85,7 +85,8 @@ export const SETTINGS_DATA_DEFAULT = {
     hidden: ['aiPrompts', 'debug', 'test'],
   },
   frontend: {
-    hostname: 'https://metaconfigurator.github.io/meta-configurator',
+    hostname:
+      process.env.FRONTEND_HOSTNAME || 'https://metaconfigurator.github.io/meta-configurator',
   },
   backend: {
     hostname: 'https://metaconfigurator.informatik.uni-stuttgart.de',

meta_configurator/src/settings/settingsSchema.ts

@@ -290,7 +290,8 @@ export const SETTINGS_SCHEMA: TopLevelSchema = {
         hostname: {
           type: 'string',
           description: 'The hostname of the frontend server.',
-          default: 'https://metaconfigurator.github.io/meta-configurator/',
+          default:
+            process.env.FRONTEND_HOSTNAME || 'https://metaconfigurator.github.io/meta-configurator',
           format: 'uri',
         },
       },