@vcmap/ui 5.0.0-rc.22 → 5.0.0-rc.23

package/dist/assets/ui.js

@@ -1 +1 @@
-export * from "./ui.d760e4.js";
+export * from "./ui.c27597.js";

package/dist/assets/vue.js

@@ -1,5 +1,5 @@
-export * from "./vue.db5102.js";
-import { default as f } from "./vue.db5102.js";
+export * from "./vue.5d00e9.js";
+import { default as f } from "./vue.5d00e9.js";
 export {
   f as default
 };

package/dist/assets/{vuetify.427322.js → vuetify.2f1432.js}

@@ -13,7 +13,7 @@ function loadCss(href) {
     elem.onerror = reject;
     document.head.appendChild(elem);
   });
-} await loadCss('./assets/vuetify.427322.css');import v from "./vue.db5102.js";
+} await loadCss('./assets/vuetify.2f1432.css');import v from "./vue.5d00e9.js";
 const Ne = v.extend().extend({
   name: "themeable",
   provide() {

package/dist/assets/vuetify.js

@@ -1,5 +1,5 @@
-export * from "./vuetify.427322.js";
-import { default as f } from "./vuetify.427322.js";
+export * from "./vuetify.2f1432.js";
+import { default as f } from "./vuetify.2f1432.js";
 export {
   f as default
 };

package/dist/index.html

@@ -8,7 +8,7 @@
       <link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAYAAAA9zQYyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABh9JREFUeNrs3d1rW2UcwPEnJ+lJMrt0RfbSru0oMmTE6d686I1MHVu9UmcpeDfdX5AJXnhTvfFCGL3ybpvDG2EI6o2usoFXdrghohS8qLq+rRd26ys2SfPiiU0hdmty2pxznpfz/cIhrE1S+D0fHk4SsiMEERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERERFpX2SnDzx99f20c9PPCOtXKpZi8w8fxZYWFouzE3+J3v1Z66X0/Frv/tUS06nbonOMfPD6wpSvoB3IFcQfOkc3M9+6crkcm52ebZn8434+u5ot1v4uapXtE88sR187MZdN2KUy06rbqHNk3MKObBPzoHMzzIzrl8/l47/e/aW4srxSqHe/3cli8sKrD9Y62nMFpla3JecYcFCPeQYazC5PMUol++cf75UaYd6oNVGMv3PmQRHUrlCfbbRTWy4xp5ybj5hp4ybG70fdYq60ko3mPrvVGZ2dj8eYXt1SbjZUy+WT9VefkOrvzvGZyensdh8Hatf1ffzNnm4vQJ9jli5elj9aKBfWCjt6kQdq96i9AN3GHF2gXF6JNPX4Kups3oowzS3zZIcmFxUKhabfgqugvnrrIKh3GKAVbOZhvHDtdqcN6ief2XkB+iZzDLbpuUTu+u3OJKgfa9QL0CNi/X1ACrDJucQ/oP4/5kYfrrgC/cPFTypvZl9hnqCW3JBn59AO6svOzQ1mCmpJZdx89L2tF4UO6gyoQS0Jsyt3236XA9SgVhXzjkCDGtSqYt4xaFCDWkXMTYEGNahVw9w0aFCDWiXMnoAGNahVwewZaFCDWgXMnoKuQT0KMVDLwOw56GrvOscYxEAdNGZfQDu79H/f0AU1qIPG7NcODWpQS8HsG2hQg7pBV/zA7CtoUIN6i244mIf8enLfv4IFalBvwpzx8w8E8p1CUMtH/dWdfbbpmAMDDWr5/TbRmnNQJ03GHChoUMvv3ngq+/WdfbtMxRw4aFDLrVwW5bvjqdUAUQeKWQpoUIcGdeCYpYEGtfGopWCWChrUxqKWhlk6aFAbh1oqZiVAg9oY1NIxKwMa1NqjVgKzUqBBrS1qZTArBxrU2qFWCrOSoEGtDWrlMCsLGtTKo1YSs9KgN6GegpkyqJXFrDzoGtQXBf/hugqolcasBegq6rHqTg1qSag///PNv1XHrA1oUEtGffR8y+/tb+8V178fBjSo9e7587boOZWv/mtQddTaXdYN1AF29I1doufk2qafKo1ay+sUgjogzIdeXBUi8qSLiSqLWtsLb4JaGmalUWt9JVlQS8OsLGrtL40MammYlURtxLW+QS0Ncy3q9wANahMwb3TJQT0IaFCbgHmjYdmoLdPWB9TSMCuB2jJxnUAtDbN01Jap6wVqaZilorZMXjdQS8MsDbVl+vqBWhpmKaitMKwjqKVhDhy1FZb1DDVquZgDRW2FaV1DiVoNzIGhDhXo0KFWC3MgqEMHugb1EJjNQx1K0FXUlevkZcBsFurQgjYW9eGX4xpg9g11qEEbh7rreEw8eyavCWZfUIcetDGoK5iPDRQ1w+w5akCbgLrreFy88JbQFLOnqAGtO+p1zEURsQoGLEHTqAGtM2qzMHuCGtC6ojYTc9OoAa0jarMxN4Ua0LqhDgfmWtR9gDYVdbgwb3TNQZ0GtGmow4m5Uso5vnSLGtA6oA4v5s2ouwGtO2ow16IeBrTOqMG8ub5GuzSgVUUN5q06B2jdUIO5Xm2A1gk1mJsK0B6ibmvfEwGz7y0COiDUrbtbRawlFgGzr40COiDUdtz+9GBPVwLMPmK+cHYM0MGhHjrQ1fFFIpmIgtmXLje6Q5QZedvMdz99u/eVY4dWlpaPgNnTMs7uPNLoThHm5FMDp/rF+idbqcd+l2yPisOnbdF9cg3MDZuqYh51c2dA+4u6grkCOy3sp54TB9K2eLq3LDrSzsleLM+A6jZWPWe+ySiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIiIGvevAAMAlVPPQtniZxQAAAAASUVORK5CYII=" sizes="180x180">
       <link rel="icon" type="image/png" href="data:image/png;base64,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" sizes="192x192">
       <link rel="icon" type="image/svg+xml" href="./assets/favicon.decf54cc.svg" />
-    <script type="module" crossorigin src="./assets/index.8b833ead.js"></script>
+    <script type="module" crossorigin src="./assets/index.fd041928.js"></script>
   </head>
   <body style="height: 100vH;">
     <noscript>

package/index.js

@@ -101,7 +101,8 @@ export { default as VcsZoomButton } from './src/navigation/vcsZoomButton.vue';
 
 export { createVueI18n, setupI18n } from './src/vuePlugins/i18n.js';
 export { createVuetify, vuetify, getColorByKey, getDefaultPrimaryColor } from './src/vuePlugins/vuetify.js';
-export { default as initApp } from './src/init.js';
+export { downloadURI, downloadBlob, downloadText, downloadCanvas } from './src/downloadHelper.js';
+export { default as initApp, VcsUiAppConfigPattern, initAppFromModule, initAppFromAppConfig } from './src/init.js';
 export {
   vcsAppSymbol,
   pluginFactorySymbol,
@@ -123,6 +124,7 @@ export { default as VcsTooltip } from './src/components/notification/VcsTooltip.
 export { default as VcsHelp } from './src/components/notification/VcsHelp.vue';
 
 export { default as VcsTable } from './src/components/tables/VcsTable.vue';
+export { default as VcsDataTable } from './src/components/tables/VcsDataTable.vue';
 
 // export { default as VcsConfirmationDialog } from './src/components/dialogs/VcsConfirmationDialog.vue';
 
@@ -139,6 +141,7 @@ export { default as VcsTextField } from './src/components/form-inputs-controls/V
 export { default as VcsTextArea } from './src/components/form-inputs-controls/VcsTextArea.vue';
 export { default as VcsWizard } from './src/components/form-inputs-controls/VcsWizard.vue';
 export { default as VcsWizardStep } from './src/components/form-inputs-controls/VcsWizardStep.vue';
+export { default as VcsDatePicker } from './src/components/form-inputs-controls/VcsDatePicker.vue';
 
 export { default as VcsFormattedNumber } from './src/components/form-output/VcsFormattedNumber.vue';
 
@@ -147,7 +150,7 @@ export { default as VcsActionList, validateAction, validateActions } from './src
 export { default as VcsList } from './src/components/lists/VcsList.vue';
 export { default as VcsTreeview } from './src/components/lists/VcsTreeview.vue';
 export { default as VcsTreeviewLeaf } from './src/components/lists/VcsTreeviewLeaf.vue';
-// export { default as VcsTreeviewSearchbar } from './src/components/lists/VcsTreeviewSearchbar.vue';
+export { default as VcsTreeviewSearchbar } from './src/components/lists/VcsTreeviewSearchbar.vue';
 
 // export { default as VcsMediaControls } from './src/components/media-controls/VcsMediaControls.vue';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vcmap/ui",
-  "version": "5.0.0-rc.22",
+  "version": "5.0.0-rc.23",
   "author": "Virtual City Systems",
   "license": "MIT",
   "scripts": {
@@ -23,7 +23,7 @@
     "index.js",
     "start.js",
     "index.html",
-    "map.config.json",
+    "app.config.json",
     "dist/",
     "src/",
     "plugins/",
@@ -42,7 +42,7 @@
   },
   "peerDependencies": {
     "@vcmap-cesium/engine": "~1.1.2",
-    "@vcmap/core": "~5.0.0-rc.27",
+    "@vcmap/core": "^5.0.0-rc.30",
     "ol": "~7.2.2",
     "vue": "~2.7.3",
     "vuetify": "~2.6.7"

package/plugins/@vcmap/project-selector/{ContextsListComponent.vue → ModulesListComponent.vue}

@@ -4,17 +4,17 @@
       color="rgba(0,0,0,0)"
     >
       <v-chip
-        v-for="(context, index) in contexts"
+        v-for="(module, index) in modules"
         :key="index"
         class="mx-1"
-        :color="context.active ? 'primary' : undefined"
+        :color="module.active ? 'primary' : undefined"
         :disabled="!toggleable"
-        @click="toggle(context)"
+        @click="toggle(module)"
       >
-        {{ context.name || context.configUrl }}
+        {{ module.name || module.configUrl }}
         <VcsTooltip
-          v-if="context.description"
-          :tooltip="context.description"
+          v-if="module.description && toggleable"
+          :tooltip="module.description"
         >
           <template #activator="{ on, attrs }">
             <v-icon
@@ -36,7 +36,7 @@
   import { VChip, VContainer, VIcon, VList } from 'vuetify/lib';
 
   export default {
-    name: 'ContextsListComponent',
+    name: 'ModulesListComponent',
     components: {
       VcsTooltip,
       VContainer,
@@ -45,7 +45,7 @@
       VIcon,
     },
     props: {
-      contexts: {
+      modules: {
         type: Array,
         required: true,
       },
@@ -55,9 +55,9 @@
       },
     },
     methods: {
-      toggle(context) {
+      toggle(module) {
         if (this.toggleable) {
-          this.$emit('toggle-context', context);
+          this.$emit('toggle-module', module);
         }
       },
     },

package/plugins/@vcmap/project-selector/ProjectSelectorComponent.vue

@@ -2,7 +2,7 @@
   <v-container>
     <h1>{{ $t('project-selector.project.title') }}</h1>
     <v-list
-      v-for="(project, index) in state.projects.value"
+      v-for="(project, index) in state.projects"
       :key="index"
     >
       <v-card
@@ -19,9 +19,9 @@
               {{ project.name }}
             </v-list-item-title>
             <v-list-item-subtitle>{{ project.description }}</v-list-item-subtitle>
-            <ContextsListComponent
-              :contexts="project.contexts"
-              @toggle-context="toggleContext"
+            <ModulesListComponent
+              :modules="project.modules"
+              @toggle-module="toggleModule"
               :toggleable="false"
             />
           </v-list-item-content>
@@ -38,10 +38,10 @@
       </v-card>
     </v-list>
     <v-divider />
-    <h1>Contexts</h1>
-    <ContextsListComponent
-      :contexts="state.contexts.value"
-      @toggle-context="toggleContext"
+    <h1>{{ $t('project-selector.module.title') }}</h1>
+    <ModulesListComponent
+      :modules="state.modules"
+      @toggle-module="toggleModule"
     />
   </v-container>
 </template>
@@ -60,12 +60,12 @@
     VAvatar,
     VDivider,
   } from 'vuetify/lib';
-  import ContextsListComponent from './ContextsListComponent.vue';
+  import ModulesListComponent from './ModulesListComponent.vue';
 
   export default {
     name: 'ProjectSelector',
     components: {
-      ContextsListComponent,
+      ModulesListComponent,
       VList,
       VContainer,
       VCard,
@@ -87,11 +87,11 @@
         this.loading = undefined;
       }
 
-      async function toggleContext(context) {
-        if (context.active) {
-          await plugin.unloadContext(app, context);
+      async function toggleModule(module) {
+        if (module.active) {
+          await plugin.unloadModule(app, module);
         } else {
-          await plugin.loadContext(app, context);
+          await plugin.loadModule(app, module);
         }
       }
 
@@ -100,7 +100,7 @@
         state: plugin.state,
         config: plugin.config,
         selectProject,
-        toggleContext,
+        toggleModule,
       };
     },
   };

package/plugins/@vcmap/project-selector/README.md

@@ -1,29 +1,23 @@
 # VC Map Plugin Project Selector
 
-This is a plugin to select and load `VCMapProjects` and `VCMapContexts`.
+This is a plugin to select and load `Projects` and `VcsModules`.
 
 ## configuration
 
-You can add projects or contexts and define the startup behavior of the plugin:
+You can add projects or modules and define the startup behavior of the plugin:
 
 ### ProjectSelectorConfig
-| Property         | Type                       | default       | Description                  |
-|------------------|----------------------------|---------------|------------------------------|
-| selected         | string                     | 'VC Map Base' | selected project on startup  |
-| selectedContexts | string[]                   | []            | selected contexts on startup |
-| projects         | Array<VCMapProjectOptions> | []            |                              |
-| contexts         | Array<VCMapContextOptions> | []            |                              |
+| Property        | Type                  | default       | Description                 |
+|-----------------|-----------------------|---------------|-----------------------------|
+| selected        | string                | 'VC Map Base' | selected project on startup |
+| selectedModules | string[]              | []            | selected modules on startup |
+| open            | boolean               | false         | open plugin on startup      |
+| projects        | Array<ProjectOptions> | []            |                             |
+| modules         | Array<string>         | []            | list of config urls         |
 
-### VCMapProjectOptions
-| Property    | Type                       | Description                |
-|-------------|----------------------------|----------------------------|
-| name        | string                     | name of the project        |
-| description | string                     | description of the project |
-| contexts    | Array<VCMapContextOptions> |                            |
-
-### VCMapContextOptions
-| Property    | Type   | Description                |
-|-------------|--------|----------------------------|
-| name        | string | name of the context        |
-| description | string | description of the context |
-| configUrl   | string | url to config.json         |
+### ProjectOptions
+| Property    | Type          | Description                |
+|-------------|---------------|----------------------------|
+| name        | string        | name of the project        |
+| description | string        | description of the project |
+| modules     | Array<string> | list of config urls        |

package/plugins/@vcmap/project-selector/config.json

@@ -2,14 +2,14 @@
     "name": "projectSelector",
     "entry": "plugins/@vcmap/project-selector/index.js",
     "selected": "VC Map Base",
-    "selectedContexts": [],
+    "selectedModules": [],
     "open": false,
     "projects": [
         {
             "name": "VC Map Base",
             "description": "Base Layout with basic datasets",
-            "contexts": [ { "configUrl": "config/base.config.json" } ]
+            "modules": [ "config/base.config.json" ]
         }
     ],
-    "contexts": []
+    "modules": []
 }

package/plugins/@vcmap/project-selector/de.json

@@ -2,6 +2,9 @@
   "project-selector": {
     "project" : {
       "title": "Projekte"
+    },
+    "module" : {
+      "title": "Module"
     }
   }
 }

package/plugins/@vcmap/project-selector/en.json

@@ -2,6 +2,9 @@
   "project-selector": {
     "project" : {
       "title": "Projects"
+    },
+    "module" : {
+      "title": "Modules"
     }
   }
 }

package/plugins/@vcmap/project-selector/index.js

@@ -1,50 +1,42 @@
-import { ref } from 'vue';
+import { reactive } from 'vue';
 import { ButtonLocation, createToggleAction } from '@vcmap/ui';
-import { Context } from '@vcmap/core';
+import { VcsModule } from '@vcmap/core';
 import { getLogger } from '@vcsuite/logger';
 import ProjectsComponent from './ProjectSelectorComponent.vue';
 import packageJSON from './package.json';
 import defaultConfig from './config.json';
 import de from './de.json';
 import en from './en.json';
-/**
- * @typedef {Object} VCMapContextOptions
- * @property {string} [name]
- * @property {string} [description]
- * @property {string} configUrl
- */
 
 /**
- * @typedef {Object} VCMapContext
+ * @typedef {Object} VcsModuleState
+ * @property {string} _id
  * @property {string} [name]
  * @property {string} [description]
  * @property {string} configUrl
- * @property {string} contextId
  * @property {boolean} active
  */
 
 /**
- * @typedef {Object} VCMapProjectOptions
+ * @typedef {Object} ProjectOptions
  * @property {string} name
  * @property {string} [description]
- * @property {Array<VCMapContextOptions>} contexts
+ * @property {Array<string>} modules - a list of config urls
  */
 
 /**
- * @typedef {Object} VCMapProject
- * @property {string} name
- * @property {string} [description]
- * @property {Array<VCMapContext>} contexts
+ * @typedef {ProjectOptions} Project
  * @property {boolean} active
+ * @property {Array<VcsModuleState>} modules
  */
 
 /**
  * @typedef {Object} ProjectSelectorConfig
  * @property {string} [selected='VC Map Base'] - selected project on startup
- * @property {string[]} [selectedContexts] - selected contexts on startup
+ * @property {string[]} [selectedModules] - selected modules on startup
  * @property {boolean} [open=false] - open plugin on startup
- * @property {Array<VCMapProjectOptions>} projects
- * @property {Array<VCMapContextOptions>} contexts
+ * @property {Array<Project>} projects
+ * @property {Array<string>} modules
  */
 
 /**
@@ -52,120 +44,103 @@ import en from './en.json';
  * @returns {VcsPlugin}
  */
 export default async function projectSelector(config) {
-  const { selected, selectedContexts, open, projects = [], contexts = [] } = config;
+  const { selected, selectedModules, open, projects = [], modules = [] } = config;
 
-  const pluginConfig = {
-    selected: ref(selected || defaultConfig.selected),
-    selectedContexts: ref(selectedContexts || defaultConfig.selectedContexts),
-    open: ref(open || defaultConfig.open),
-    projects: ref(/** @type {Array<VCMapProjectOptions>} */[...defaultConfig.projects, ...projects]),
-    contexts: ref(/** @type {Array<VCMapContextOptions>} */[...defaultConfig.contexts, ...contexts]),
-  };
+  const pluginConfig = reactive({
+    selected: selected || defaultConfig.selected,
+    selectedModules: selectedModules || defaultConfig.selectedModules,
+    open: open || defaultConfig.open,
+    projects: /** @type {Array<ProjectOptions>} */[...defaultConfig.projects, ...projects],
+    modules: /** @type {Array<string>} */[...defaultConfig.modules, ...modules],
+  });
 
-  const pluginState = {
-    projects: ref(/** @type {Array<VCMapProject>} */[]),
-    contexts: ref(/** @type {Array<VCMapContext>} */[]),
-  };
+  const pluginState = reactive({
+    projects: /** @type {Array<Project>} */[],
+    modules: /** @type {Array<VcsModuleState>} */[],
+  });
 
   /**
-   * @param {VCMapContextOptions} contextOptions
+   * @param {string} configUrl
    */
-  function addContextFromOptions(contextOptions) {
-    /**
-     * @type {VCMapContext}
-     */
-    const context = {
-      name: undefined,
-      description: undefined,
-      configUrl: undefined,
-      ...contextOptions,
-      contextId: undefined,
-      active: false,
-    };
-    pluginState.contexts.value.push(context);
+  function addModule(configUrl) {
+    pluginState.modules.push({ _id: undefined, configUrl, active: false });
   }
 
   /**
-   * @param {VCMapContext} context
+   * @param {string} moduleId
    */
-  function removeContext(context) {
-    const idx = pluginState.contexts.value.findIndex(c => c.configUrl === context.configUrl);
-    pluginState.contexts.value.splice(idx, 1);
+  function removeModule(moduleId) {
+    const idx = pluginState.modules.findIndex(({ _id }) => _id === moduleId);
+    pluginState.modules.splice(idx, 1);
   }
 
   /**
-   * @param {VCMapProjectOptions} projectOptions
+   * @param {ProjectOptions} projectOptions
    */
-  function addProjectFromOptions(projectOptions) {
-    const { name, description, contexts: contextsOptions = [] } = projectOptions;
-    /**
-     * @type {VCMapProject}
-     */
+  function addProject({ name, description, modules: configUrls }) {
     const project = {
       name,
       description,
-      contexts: contextsOptions.map(options => /** @type {VCMapContext} */({
-        name: undefined,
-        description: undefined,
-        configUrl: undefined,
-        ...options,
-        contextId: undefined,
-        active: false,
-      })),
+      modules: configUrls.map(configUrl => ({ _id: undefined, configUrl, active: false })),
       active: false,
     };
-    pluginState.projects.value.push(project);
+    pluginState.projects.push(project);
   }
 
   /**
-   * @param {VCMapProject} project
+   * @param {Project} project
    */
   function removeProject(project) {
     const projectIdx = pluginState.projects.findIndex(p => p.name === project.name);
-    pluginState.projects.value.splice(projectIdx, 1);
+    pluginState.projects.splice(projectIdx, 1);
   }
 
   /**
    * @param {VcsApp} app
-   * @param {VCMapContext} vcMapContext
+   * @param {VcsModuleState} moduleState
    * @returns {Promise<void>}
    */
-  async function loadContext(app, vcMapContext) {
+  async function loadModule(app, moduleState) {
     try {
-      const configJson = await fetch(vcMapContext.configUrl)
-        .then(response => response.json());
-      const context = new Context(configJson);
-      if (!app.getContextById(context.id)) {
-        await app.addContext(context);
+      const response = await fetch(moduleState.configUrl);
+      if (response.ok) {
+        const configJson = await response.json();
+        const module = new VcsModule(configJson);
+        if (!app.getModuleById(module._id)) {
+          await app.addModule(module);
+          moduleState._id = module._id;
+          moduleState.name = module.name;
+          moduleState.description = module.description;
+          moduleState.active = true;
+        }
       }
-      vcMapContext.contextId = context.id;
-      vcMapContext.active = true;
     } catch (err) {
-      getLogger().error(`Failed loading context from ${ vcMapContext.configUrl}`, err);
+      getLogger().error(`Failed loading module from ${moduleState.configUrl}`, err);
     }
   }
 
   /**
    * @param {VcsApp} app
-   * @param {VCMapContext} vcMapContext
+   * @param {VcsModuleState} moduleState
    * @returns {Promise<void>}
    */
-  async function unloadContext(app, vcMapContext) {
-    if (app.getContextById(vcMapContext.contextId)) {
-      await app.removeContext(vcMapContext.contextId);
+  async function unloadModule(app, moduleState) {
+    if (app.getModuleById(moduleState._id)) {
+      await app.removeModule(moduleState._id);
+      moduleState.active = false;
+      moduleState._id = undefined;
     }
-    vcMapContext.active = false;
   }
 
   /**
    * @param {VcsApp} app
-   * @param {VCMapProject} project
+   * @param {Project} project
    * @returns {Promise<void>}
    */
   async function deselectProject(app, project) {
     if (project.active) {
-      await Promise.all([...project.contexts].map((context) => {
-        return unloadContext(app, context);
+      await Promise.all([...project.modules].map((moduleState) => {
+        return unloadModule(app, moduleState);
       }));
       project.active = false;
     }
@@ -173,16 +148,16 @@ export default async function projectSelector(config) {
 
   /**
    * @param {VcsApp} app
-   * @param {VCMapProject} project
+   * @param {Project} project
    * @returns {Promise<void>}
    */
   async function selectProject(app, project) {
     if (!project.active) {
-      await Promise.all([...pluginState.projects.value].map((p) => {
+      await Promise.all([...pluginState.projects].map((p) => {
         return deselectProject(app, p);
       }));
-      await Promise.all([...project.contexts].map((context) => {
-        return loadContext(app, context);
+      await Promise.all([...project.modules].map((moduleState) => {
+        return loadModule(app, moduleState);
       }));
       project.active = true;
     }
@@ -194,14 +169,14 @@ export default async function projectSelector(config) {
     get vcMapVersion() { return packageJSON.vcMapVersion; },
     config: pluginConfig,
     state: pluginState,
-    addContextFromOptions,
-    removeContext,
-    addProjectFromOptions,
+    addModule,
+    removeModule,
+    addProject,
     removeProject,
     selectProject,
     deselectProject,
-    loadContext,
-    unloadContext,
+    loadModule,
+    unloadModule,
     onVcsAppMounted(app) {
       const windowComponent = {
         id: 'project-selector',
@@ -232,15 +207,15 @@ export default async function projectSelector(config) {
       );
       this._destroyAction = destroy;
 
-      pluginConfig.contexts.value.forEach(c => addContextFromOptions(c));
-      pluginConfig.projects.value.forEach(p => addProjectFromOptions(p));
-      const projectToSelect = [...pluginState.projects.value]
-        .find(p => p.name === pluginConfig.selected.value) ||
-        pluginState.projects.value[0];
+      pluginConfig.modules.forEach(c => addModule(c));
+      pluginConfig.projects.forEach(p => addProject(p));
+      const projectToSelect = [...pluginState.projects]
+        .find(p => p.name === pluginConfig.selected) ||
+        pluginState.projects[0];
       selectProject(app, projectToSelect);
-      const contextsToSelect = [...pluginState.contexts.value]
-        .filter(c => pluginConfig.selectedContexts.value.includes(c.name));
-      contextsToSelect.forEach(c => loadContext(app, c));
+      const modulesToSelect = [...pluginState.modules]
+        .filter(m => pluginConfig.selectedModules.includes(m.configUrl));
+      modulesToSelect.forEach(m => loadModule(app, m));
       if (pluginConfig.open) {
         app.windowManager.add(windowComponent, packageJSON.name);
       }

package/plugins/@vcmap/simple-graph/index.js

@@ -8,7 +8,7 @@ export default async function () {
     onVcsAppMounted(app) {
       /** Example for registering custom component on FeatureInfo */
       app.featureInfo.classRegistry.registerClass(
-        app.dynamicContextId,
+        app.dynamicModuleId,
         SimpleGraphView.className,
         SimpleGraphView,
       );

package/plugins/@vcmap-show-case/category-tester/Categories.vue

@@ -163,7 +163,7 @@
             }
             const category = await app.categories.requestCategory({ name: jsonUpload.name, type: 'Category' });
             if (jsonUpload?.items?.length > 0) {
-              await app.categories.parseCategoryItems(jsonUpload.name, jsonUpload.items, app.dynamicContextId);
+              await app.categories.parseCategoryItems(jsonUpload.name, jsonUpload.items, app.dynamicModuleId);
             }
             app.categoryManager.add({ categoryName: category.name }, packageJSON.name);
             uploadString.value = '';
@@ -176,7 +176,7 @@
           if (!app.categories.hasKey('layers')) {
             const layersCat = await app.categories.requestCategory({
               name: 'layers',
-              type: 'AppBackedCategory',
+              type: 'Category',
               collectionName: 'layers',
               title: 'categories.layers',
             });