@vcmap/ui 5.0.0-rc.8 → 5.0.0

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

@@ -1,254 +0,0 @@
-import { ref } from '@vue/composition-api';
-import { ButtonLocation, createToggleAction } from '@vcmap/ui';
-import { Context } from '@vcmap/core';
-import { getLogger } from '@vcsuite/logger';
-import ProjectsComponent from './ProjectSelectorComponent.vue';
-import packageJSON from './package.json';
-import defaultConfig from './config.json';
-
-/**
- * @typedef {Object} VCMapContextOptions
- * @property {string} [name]
- * @property {string} [description]
- * @property {string} configUrl
- */
-
-/**
- * @typedef {Object} VCMapContext
- * @property {string} [name]
- * @property {string} [description]
- * @property {string} configUrl
- * @property {string} contextId
- * @property {boolean} active
- */
-
-/**
- * @typedef {Object} VCMapProjectOptions
- * @property {string} name
- * @property {string} [description]
- * @property {Array<VCMapContextOptions>} contexts
- */
-
-/**
- * @typedef {Object} VCMapProject
- * @property {string} name
- * @property {string} [description]
- * @property {Array<VCMapContext>} contexts
- * @property {boolean} active
- */
-
-/**
- * @typedef {Object} ProjectSelectorConfig
- * @property {string} [selected='VC Map Base'] - selected project on startup
- * @property {string[]} [selectedContexts] - selected contexts on startup
- * @property {boolean} [open=false] - open plugin on startup
- * @property {Array<VCMapProjectOptions>} projects
- * @property {Array<VCMapContextOptions>} contexts
- */
-
-/**
- * @param {ProjectSelectorConfig} config
- * @returns {VcsPlugin}
- */
-export default async function projectSelector(config) {
-  const { selected, selectedContexts, open, projects = [], contexts = [] } = 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 pluginState = {
-    projects: ref(/** @type {Array<VCMapProject>} */[]),
-    contexts: ref(/** @type {Array<VCMapContext>} */[]),
-  };
-
-  /**
-   * @param {VCMapContextOptions} contextOptions
-   */
-  function addContextFromOptions(contextOptions) {
-    /**
-     * @type {VCMapContext}
-     */
-    const context = {
-      name: undefined,
-      description: undefined,
-      configUrl: undefined,
-      ...contextOptions,
-      contextId: undefined,
-      active: false,
-    };
-    pluginState.contexts.value.push(context);
-  }
-
-  /**
-   * @param {VCMapContext} context
-   */
-  function removeContext(context) {
-    const idx = pluginState.contexts.value.findIndex(c => c.configUrl === context.configUrl);
-    pluginState.contexts.value.splice(idx, 1);
-  }
-
-  /**
-   * @param {VCMapProjectOptions} projectOptions
-   */
-  function addProjectFromOptions(projectOptions) {
-    const { name, description, contexts: contextsOptions = [] } = projectOptions;
-    /**
-     * @type {VCMapProject}
-     */
-    const project = {
-      name,
-      description,
-      contexts: contextsOptions.map(options => /** @type {VCMapContext} */({
-        name: undefined,
-        description: undefined,
-        configUrl: undefined,
-        ...options,
-        contextId: undefined,
-        active: false,
-      })),
-      active: false,
-    };
-    pluginState.projects.value.push(project);
-  }
-
-  /**
-   * @param {VCMapProject} project
-   */
-  function removeProject(project) {
-    const projectIdx = pluginState.projects.findIndex(p => p.name === project.name);
-    pluginState.projects.value.splice(projectIdx, 1);
-  }
-
-  /**
-   * @param {VcsApp} app
-   * @param {VCMapContext} vcMapContext
-   * @returns {Promise<void>}
-   */
-  async function loadContext(app, vcMapContext) {
-    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);
-      }
-      vcMapContext.contextId = context.id;
-      vcMapContext.active = true;
-    } catch (err) {
-      getLogger().error(`Failed loading context from ${ vcMapContext.configUrl}`, err);
-    }
-  }
-
-  /**
-   * @param {VcsApp} app
-   * @param {VCMapContext} vcMapContext
-   * @returns {Promise<void>}
-   */
-  async function unloadContext(app, vcMapContext) {
-    if (app.getContextById(vcMapContext.contextId)) {
-      await app.removeContext(vcMapContext.contextId);
-    }
-    vcMapContext.active = false;
-  }
-
-  /**
-   * @param {VcsApp} app
-   * @param {VCMapProject} project
-   * @returns {Promise<void>}
-   */
-  async function deselectProject(app, project) {
-    if (project.active) {
-      await Promise.all([...project.contexts].map((context) => {
-        return unloadContext(app, context);
-      }));
-      project.active = false;
-    }
-  }
-
-  /**
-   * @param {VcsApp} app
-   * @param {VCMapProject} project
-   * @returns {Promise<void>}
-   */
-  async function selectProject(app, project) {
-    if (!project.active) {
-      await Promise.all([...pluginState.projects.value].map((p) => {
-        return deselectProject(app, p);
-      }));
-      await Promise.all([...project.contexts].map((context) => {
-        return loadContext(app, context);
-      }));
-      project.active = true;
-    }
-  }
-
-  return {
-    get name() { return packageJSON.name; },
-    get version() { return packageJSON.version; },
-    get vcMapVersion() { return packageJSON.vcMapVersion; },
-    config: pluginConfig,
-    state: pluginState,
-    addContextFromOptions,
-    removeContext,
-    addProjectFromOptions,
-    removeProject,
-    selectProject,
-    deselectProject,
-    loadContext,
-    unloadContext,
-    onVcsAppMounted(app) {
-      const windowComponent = {
-        id: 'project-selector',
-        component: ProjectsComponent,
-        state: {
-          headerTitle: 'Project Selector',
-        },
-        position: {
-          left: '30%',
-          right: '30%',
-          top: '20%',
-          bottom: '20%',
-        },
-      };
-      const { action, destroy } = createToggleAction(
-        {
-          name: 'VC Map HOSTING',
-          icon: 'mdi-chevron-down',
-        },
-        windowComponent,
-        app.windowManager,
-        packageJSON.name,
-      );
-      app.navbarManager.add({
-        id: 'project-selector',
-        location: ButtonLocation.PROJECT,
-        action,
-      }, packageJSON.name);
-      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];
-      selectProject(app, projectToSelect);
-      const contextsToSelect = [...pluginState.contexts.value]
-        .filter(c => pluginConfig.selectedContexts.value.includes(c.name));
-      contextsToSelect.forEach(c => loadContext(app, c));
-      if (pluginConfig.open) {
-        app.windowManager.add(windowComponent, packageJSON.name);
-      }
-    },
-    destroy() {
-      if (this._destroyAction) {
-        this._destroyAction();
-        this._destroyAction = null;
-      }
-    },
-  };
-}

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

@@ -1,15 +0,0 @@
-{
-  "name": "@vcmap/project-selector",
-  "version": "1.0.0",
-  "vcMapVersion": "~5.0.0",
-  "dependencies": {
-    "@vcsuite/check": "^1.1.2",
-    "@vcsuite/logger": "^1.0.1"
-  },
-  "peerDependencies": {
-    "@vcmap/ui": "5.0.0-rc.2",
-    "@vcsuite/ui-components": "~0.1.8",
-    "@vcmap/core": "^5.0.0-rc.5",
-    "@vue/composition-api": "^1.4.5"
-  }
-}

package/plugins/@vcmap/theme-changer/config.json

@@ -1,69 +0,0 @@
-{
-    "name": "themeChanger",
-    "entry": "plugins/@vcmap/theme-changer/index.js",
-    "themes": [
-        {
-            "name": "Theme 1",
-            "dark": {
-                "primary": "#21CFF3",
-                "accent": "#FF4081",
-                "secondary": "#21dc79",
-                "success": "#86af3f",
-                "info": "#f34fc6",
-                "warning": "#FB8C00",
-                "error": "#FF5252"
-            },
-            "light": {
-                "primary": "#22daff",
-                "accent": "#ff6b99",
-                "secondary": "#26ff8c",
-                "success": "#a5d64c",
-                "info": "#ff53d0",
-                "warning": "#ff8e00",
-                "error": "#ff5252"
-            }
-        },
-        {
-            "name": "Theme 2",
-            "dark": {
-                "primary": "#E65100",
-                "accent": "#7CB342",
-                "secondary": "#689F38",
-                "success": "#4CAF50",
-                "info": "#6156d8",
-                "warning": "#1565C0",
-                "error": "#FF7043"
-            },
-            "light": {
-                "primary": "#ffa450",
-                "accent": "#a1e754",
-                "secondary": "#92de4e",
-                "success": "#6dff74",
-                "info": "#7365ff",
-                "warning": "#2e8ac0",
-                "error": "#ff5e3c"
-            }
-        },
-        {
-            "name": "Theme 3",
-            "dark": {
-                "primary": "#33691E",
-                "accent": "#FFCA28",
-                "secondary": "#607D8B",
-                "success": "#FFEB3B",
-                "info": "#2196F3",
-                "warning": "#9C27B0",
-                "error": "#B71C1C"
-            },
-            "light": {
-                "primary": "#6ae240",
-                "accent": "#ffe063",
-                "secondary": "#7ea4b6",
-                "success": "#ffea70",
-                "info": "#229eff",
-                "warning": "#e239ff",
-                "error": "#e82424"
-            }
-        }
-    ]
-}

package/plugins/@vcmap/theme-changer/package.json

@@ -1,12 +0,0 @@
-{
-  "name": "@vcmap/theme-changer",
-  "version": "1.0.0",
-  "vcMapVersion": "~5.0.0",
-  "dependencies": {
-    "@vcsuite/check": "^1.1.2"
-  },
-  "peerDependencies": {
-    "@vcmap/ui": "5.0.0-rc.2",
-    "@vue/composition-api": "^1.4.5"
-  }
-}

package/plugins/buttonExamples/ButtonExamples.vue

@@ -1,190 +0,0 @@
-<template>
-  <v-card>
-    <v-list-item>
-      <v-list-item-content>
-        <v-list-item-title class="font-weight-bold">
-          DISABLED
-        </v-list-item-title>
-      </v-list-item-content>
-      <v-list-item-action>
-        <v-switch v-model="disabled" />
-      </v-list-item-action>
-    </v-list-item>
-    <v-divider />
-    <v-list-item>
-      <v-list-item-content>
-        <v-list-item-title class="font-weight-bold">
-          HAS UPDATE
-        </v-list-item-title>
-      </v-list-item-content>
-      <v-list-item-action>
-        <v-switch v-model="update" />
-      </v-list-item-action>
-    </v-list-item>
-    <v-divider />
-    <v-list-item>
-      <v-list-item-content>
-        <v-list-item-title class="font-weight-bold">
-          ACTIVE
-        </v-list-item-title>
-      </v-list-item-content>
-      <v-list-item-action>
-        <v-switch v-model="active" />
-      </v-list-item-action>
-    </v-list-item>
-    <v-list-item>
-      <v-list-item-content>
-        <v-list-item-title class="font-weight-bold">
-          LOADING
-        </v-list-item-title>
-      </v-list-item-content>
-      <v-list-item-action>
-        <v-switch v-model="loading" />
-      </v-list-item-action>
-    </v-list-item>
-    <v-divider />
-    <v-list-item>
-      <v-list-item-content>
-        <v-list-item-title class="font-weight-bold">
-          &ltVcsButton standard/&gt (default)
-        </v-list-item-title>
-        <v-row>
-          <v-col>
-            <v-card>
-              <v-card-title>PRIMARY</v-card-title>
-              <v-card-actions>
-                <VcsButton
-                  @click="toggle"
-                  :active="active"
-                  color="primary"
-                  :disabled="disabled"
-                  :has-update="update"
-                  :icon="loading ? '$vcsProgress' : ''"
-                  tooltip="PRIMARY BUTTON"
-                >
-                  PRIMARY
-                </VcsButton>
-              </v-card-actions>
-            </v-card>
-          </v-col>
-          <v-col>
-            <v-card>
-              <v-card-title>SECONDARY</v-card-title>
-              <v-card-actions>
-                <VcsButton
-                  @click="toggle"
-                  :active="active"
-                  :disabled="disabled"
-                  :has-update="update"
-                  tooltip="SECONDARY BUTTON"
-                >
-                  SECONDARY
-                </VcsButton>
-              </v-card-actions>
-            </v-card>
-          </v-col>
-        </v-row>
-      </v-list-item-content>
-    </v-list-item>
-    <v-divider />
-    <v-list-item>
-      <v-list-item-content>
-        <v-list-item-title class="font-weight-bold">
-          &ltVcsButton large/&gt (e.g. Navbar)
-        </v-list-item-title>
-        <v-row>
-          <v-col>
-            <v-card>
-              <v-card-title>STANDARD</v-card-title>
-              <v-card-actions>
-                <VcsButton
-                  @click="toggle"
-                  :active="active"
-                  :disabled="disabled"
-                  :has-update="update"
-                  :icon="loading ? '$vcsProgress' : '$vcs3d'"
-                  tooltip="ButtonClass large"
-                  large
-                />
-              </v-card-actions>
-            </v-card>
-          </v-col>
-          <v-col>
-            <v-card>
-              <v-card-title>OVERFLOW</v-card-title>
-              <v-card-actions>
-                <VcsActionButtonList
-                  :actions="[
-                    { name: 'Tool 1', title: 'Overflow Button with active state', callback: toggle, active },
-                    { name: 'Tool 2', title: 'Overflow Button without state', callback: toggle },
-                  ]"
-                  :overflow-count="0"
-                  button-class="large"
-                />
-              </v-card-actions>
-            </v-card>
-          </v-col>
-        </v-row>
-      </v-list-item-content>
-    </v-list-item>
-    <v-divider />
-    <v-list-item>
-      <v-list-item-content>
-        <v-list-item-title class="font-weight-bold">
-          &ltVcsButton small/&gt
-        </v-list-item-title>
-        <v-row>
-          <v-col>
-            <v-card>
-              <v-card-title>STANDARD</v-card-title>
-              <v-card-actions>
-                <VcsButton
-                  @click="toggle"
-                  :active="active"
-                  :disabled="disabled"
-                  :icon="loading ? '$vcsProgress' : '$vcsColorSwatch'"
-                  tooltip="ACTION BUTTON"
-                  small
-                />
-              </v-card-actions>
-            </v-card>
-          </v-col>
-          <v-col>
-            <v-card>
-              <v-card-title>OVERFLOW</v-card-title>
-              <v-card-actions>
-                <VcsActionButtonList
-                  :actions="[
-                    { name: 'Action 1', title: 'Overflow Button with active state', callback: toggle, active },
-                    { name: 'Action 2', title: 'Overflow Button without state', callback: toggle },
-                  ]"
-                  :overflow-count="0"
-                  small
-                />
-              </v-card-actions>
-            </v-card>
-          </v-col>
-        </v-row>
-      </v-list-item-content>
-    </v-list-item>
-  </v-card>
-</template>
-<script>
-  import { VcsButton, VcsActionButtonList } from '@vcsuite/ui-components';
-
-  export default {
-    name: 'ButtonExamples',
-    components: { VcsButton, VcsActionButtonList },
-    setup() {
-      return {
-        active: false,
-        disabled: false,
-        update: false,
-        loading: false,
-        toggle() {
-          this.active = !this.active;
-        },
-      };
-    },
-  };
-</script>

package/plugins/buttonExamples/index.js

@@ -1,40 +0,0 @@
-import { ButtonLocation, createToggleAction, WindowSlot } from '@vcmap/ui';
-import ButtonExamples from './ButtonExamples.vue';
-
-/**
- * @returns {VcsPlugin}
- */
-export default async function buttonExamples() {
-  return {
-    name: 'buttonExamples',
-    onVcsAppMounted(app) {
-      const { action, destroy } = createToggleAction(
-        {
-          name: 'buttonsExamples',
-          icon: '$vcsTouch',
-        },
-        {
-          id: 'button-examples',
-          component: ButtonExamples,
-          slot: WindowSlot.DETACHED,
-          position: {
-            width: 500,
-          },
-        },
-        app.windowManager,
-        'buttonExamples',
-      );
-      app.navbarManager.add({
-        location: ButtonLocation.TOOL,
-        action,
-      }, 'buttonExamples');
-      this._destroyAction = destroy;
-    },
-    destroy() {
-      if (this._destroyAction) {
-        this._destroyAction();
-        this._destroyAction = null;
-      }
-    },
-  };
-}