@kalisio/kdk 2.5.3 → 2.6.0

package/vite/config.js

@@ -0,0 +1,221 @@
+const KANO_API_PREFIX = '/api'
+const KANO_DOMAIN = 'http://localhost:8086' // 'https://kano.dev.kalisio.xyz' 
+
+// Map engine configuration
+const mapEngine = {
+  viewer: {
+    minZoom: 3,
+    maxZoom: 21,
+    center: [47, 3],
+    zoom: 6,
+    maxBounds: [[-90, -180], [90, 180]],
+    maxBoundsViscosity: 0.25,
+    timeDimension: true,
+    rotateControl: false,
+    attributionControl: false
+  },
+  // COLORS USED IN STYLES SHOULD BE PART OF THE QUASAR PALETTE NOT RANDOM RGB COLORS
+  // THIS IS DUE TO KDK EDITING COMPONENTS ONLY SUPPORTING COLORS FROM PALETTE NOW
+  // Default GeoJSON layer style for polygons/lines
+  style: {
+    point: {
+      shape: 'circle', color: 'red', opacity: 0.5, stroke: { color: 'red' }
+    },
+    line: {
+      color: 'red', width: 3
+    },
+    polygon: {
+      color: 'red', opacity: 0.5, stroke: { color: 'red' }
+    },
+    location: {
+      point: {
+        shape: 'marker-pin',
+        color: 'primary',
+        opacity: 1,
+        size: [20, 30],
+        stroke: { color: 'primary' },
+        icon: { classes: 'fas fa-circle', color: 'white', size: 12, translation: ['-50%', '-90%'] }
+      },
+      line: { color: 'primary', width: 3 },
+      polygon: {
+        color: 'primary',
+        opacity: 0.5,
+        stroke: { color: 'primary' }
+      }
+    },
+    edition: {
+      point: {
+        shape: 'circle', color: 'yellow', stroke: { color: 'red', width: 3, dashArray: '0 5 0' }
+      },
+      line: {
+        color: 'red', width: 3, dashArray: '0 5 0'
+      },
+      polygon: {
+        color: 'yellow', opacity: 0.5, stroke: { color: 'red', width: 3, dashArray: '0 5 0' }
+      }
+    },
+    selection: {
+      point: {
+        shape: 'circle',
+        color: 'primary',
+        opacity: 0.25,
+        radius: 12,
+        stroke: { color: 'primary', opacity: 0.25, width: 3 }
+      },
+      line: {
+        color: 'primary', opacity: 0.25, width: 10
+      },
+      polygon: {
+        color: 'primary', opacity: 0.25, stroke: { color: 'primary', opacity: 0.25, width: 10 }
+      }
+    }
+  },
+  // Default GeoJSON infobox will display all properties
+  popup: { pick: [] },
+  infobox: {},
+  cluster: { disableClusteringAtZoom: 18 },
+  fileLayers: {
+    fileSizeLimit: 1024 * 1024, // 1GB
+    formats: ['.geojson', '.kml', '.gpx']
+  }
+}
+
+// Globe engine configuration
+const globeEngine = {
+  viewer: {
+    sceneMode: 3, // SceneMode.COLUMBUS_VIEW = 1, SceneMode.SCENE3D = 3,
+    sceneModePicker: false,
+    infoBox: false,
+    scene3DOnly: true,
+    homeButton: false,
+    geocoder: false,
+    navigationHelpButton: false,
+    baseLayerPicker: false,
+    vrButton: false,
+    fullscreenButton: false,
+    animation: false,
+    timeline: false,
+    creditContainer: 'globe-credit',
+    depthTestAgainstTerrain: true,
+    cameraChangedEventPercentage: 0.2
+  },
+  fileLayers: {
+    clearOnDrop: false,
+    flyToOnDrop: true,
+    clampToGround: true
+  },
+  // Default GeoJSON layer style for points/polygons/lines
+  // SHOULD NOT COVER MORE THAN SIMPLE STYLE SPEC AND MAKI ICONS
+  style: {
+    point: {
+      shape: 'marker', color: 'red'
+    },
+    line: {
+      color: 'red', width: 3
+    },
+    polygon: {
+      color: 'red', opacity: 0.5, stroke: { color: 'red' }
+    },
+    selection: {
+      point: {
+        shape: 'marker', color: 'primary', opacity: 0.25
+      },
+      line: {
+        color: 'primary', opacity: 0.25, width: 10
+      },
+      polygon: {
+        color: 'primary', opacity: 0.25, stroke: { color: 'primary', opacity: 0.25, width: 10 }
+      }
+    }
+  },
+  entityStyle: {
+    billboard: {
+      heightReference: 'Cesium.HeightReference.CLAMP_TO_GROUND'
+    },
+    label: {
+      heightReference: 'Cesium.HeightReference.CLAMP_TO_GROUND',
+      verticalOrigin: 'Cesium.VerticalOrigin.BASELINE'
+    },
+    polyline: {
+      clampToGround: true
+    }
+  },
+  tooltip: {
+    options: {
+      showBackground: true,
+      backgroundColor: 'Cesium.Color.WHITE',
+      font: '14px monospace',
+      fillColor: 'Cesium.Color.BLACK',
+      outlineColor: 'Cesium.Color.BLACK',
+      horizontalOrigin: 'Cesium.HorizontalOrigin.LEFT',
+      verticalOrigin: 'Cesium.VerticalOrigin.CENTER',
+      pixelOffset: {
+        type: 'Cesium.Cartesian2',
+        options: [32, -32]
+      }
+    }
+  },
+  // Default GeoJSON infobox will display all properties
+  popup: {
+    pick: [],
+    options: {
+      showBackground: true,
+      backgroundColor: 'Cesium.Color.WHITE',
+      font: '14px monospace',
+      fillColor: 'Cesium.Color.BLACK',
+      outlineColor: 'Cesium.Color.BLACK',
+      horizontalOrigin: 'Cesium.HorizontalOrigin.CENTER',
+      verticalOrigin: 'Cesium.VerticalOrigin.BOTTOM',
+      pixelOffset: {
+        type: 'Cesium.Cartesian2',
+        options: [0, -64]
+      }
+    }
+  },
+  infobox: {},
+  clusterStyle: {
+    label: {
+      show: true,
+      text: '<%= entities.length.toLocaleString() %>'
+    }
+  }
+}
+
+export default {
+  domain: KANO_DOMAIN,
+  apiPath: KANO_API_PREFIX,
+  apiJwt: 'kano-jwt',
+  apiTimeout: 30000,
+  transport: 'websocket', // Could be 'http' or 'websocket',
+  gatewayJwtField: 'jwt',
+  gatewayJwt: 'kano-gateway-jwt',
+  appName: 'Kano',
+  locale: {
+    // If you'd like to force locale otherwise it is retrieved from browser
+    // default: 'en',
+    fallback: 'en'
+  },
+  logs: {
+    level: (((process.env.NODE_ENV === 'development') || process.env.DEBUG) ? 'debug' : 'info')
+  },
+  layout: {
+    page: { visible: true },
+    panes: {
+      left: { opener: true },
+      top: { opener: true, visible: true },
+      right: { opener: true },
+      bottom: { opener: true }
+    },
+    fab: { visible: true }
+  },
+  engines: {
+    leaflet: mapEngine,
+    cesium: globeEngine
+  },
+  mapActivity: {
+    padding: false
+  },
+  globeActivity: {
+    padding: false
+  }
+}

package/vite/index_with_globe.html

@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8" />
+    <title>KDK test app (2D/3D)</title>
+    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="msapplication-tap-highlight" content="no" />
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module">
+      import { createApp } from 'vue'
+      import { Quasar } from 'quasar'
+      import '@quasar/extras/material-icons/material-icons.css'
+      import 'quasar/src/css/index.sass'
+      import config from 'config'
+      // For debug purpose with src hot reload
+      //import kdk, { kdkCore, kdkMap } from '../client.js'
+      // To test library build
+      import kdk, { kdkCore, kdkMap } from '../client/kdk.client.js'
+      import App from './AppWithGlobe.vue'
+      
+      localStorage.setItem('kano-jwt', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhdWQiOiJrYWxpc2lvIiwiaXNzIjoia2FsaXNpbyJ9.qwOZjkIcAqo6HPGESu0_5-f6g9VkN6y6pN1HJKJF6Sg')
+
+      const app = createApp(App)
+      app.use(Quasar, {
+        plugins: {}, // import Quasar plugins and add here
+      })
+
+      // Initializes i18n first to avoid any browser translation
+      await kdkCore.i18n.initialize(app, ['core', 'map'])
+      // Initiate the client
+      const api = await kdkCore.initializeApi(kdkMap.setupApi)
+      // Then all services
+      await api.configure(kdk.core)
+      await api.configure(kdk.map)
+      api.on('login', (data) => {
+        // Store API gateway token if any
+        if (data.gatewayToken) api.get('storage').setItem(config.gatewayJwt, data.gatewayToken)
+      })
+      api.on('logout', (data) => {
+        // Remove API gateway token if any
+        api.get('storage').removeItem(config.gatewayJwt)
+      })
+      
+      app.mount('#app')
+    </script>
+  </body>
+</html>

package/vite/index_with_map.html

@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8" />
+    <title>KDK test app (2D)</title>
+    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="msapplication-tap-highlight" content="no" />
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module">
+      import { createApp } from 'vue'
+      import { Quasar } from 'quasar'
+      import '@quasar/extras/material-icons/material-icons.css'
+      import 'quasar/src/css/index.sass'
+      import config from 'config'
+      // For debug purpose with src hot reload
+      //import kdk, { kdkCore, kdkMap } from '../client.map.js'
+      // To test library build
+      import kdk, { kdkCore, kdkMap } from '../client/kdk.client.map.js'
+      import App from './App.vue'
+      
+      localStorage.setItem('kano-jwt', 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJhdWQiOiJrYWxpc2lvIiwiaXNzIjoia2FsaXNpbyJ9.qwOZjkIcAqo6HPGESu0_5-f6g9VkN6y6pN1HJKJF6Sg')
+
+      const app = createApp(App)
+      app.use(Quasar, {
+        plugins: {}, // import Quasar plugins and add here
+      })
+
+      // Initializes i18n first to avoid any browser translation
+      await kdkCore.i18n.initialize(app, ['core', 'map'])
+      // Initiate the client
+      const api = await kdkCore.initializeApi(kdkMap.setupApi)
+      // Then all services
+      await api.configure(kdk.core)
+      await api.configure(kdk.map)
+      api.on('login', (data) => {
+        // Store API gateway token if any
+        if (data.gatewayToken) api.get('storage').setItem(config.gatewayJwt, data.gatewayToken)
+      })
+      api.on('logout', (data) => {
+        // Remove API gateway token if any
+        api.get('storage').removeItem(config.gatewayJwt)
+      })
+      
+      app.mount('#app')
+    </script>
+  </body>
+</html>

package/vite/package.json

@@ -0,0 +1,173 @@
+{
+  "name": "@kalisio/kdk.client",
+  "description": "Kalisio Development Kit Client Library",
+  "version": "2.3.2",
+  "homepage": "https://github.com/kalisio/kdk",
+  "type": "module",
+  "files": [
+    "client"
+  ],
+  "main": "./client/kdk.client.umd.cjs",
+  "module": "./client/kdk.client.js",
+  "exports": {
+    ".": {
+      "import": "./client/kdk.client.js",
+      "require": "./client/kdk.client.umd.cjs"
+    },
+    "./style.css": "./client/kdk.client.css"
+  },
+  "keywords": [
+    "Kalisio",
+    "KDK"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/kalisio/kdk.git"
+  },
+  "author": {
+    "name": "Kalisio contributors",
+    "url": "https://github.com/kalisio/kdk"
+  },
+  "contributors": [],
+  "bugs": {
+    "url": "https://github.com/kalisio/kdk/issues"
+  },
+  "engines": {
+    "node": ">= 16.0.0"
+  },
+  "scripts": {
+    "build:app": "cross-env BUILD_MODE=app vite build",
+    "build:app:globe": "cross-env BUILD_MODE=app GLOBE=1 vite build",
+    "extras:css": "shx mkdir -p ../client/css && shx cp -R ../extras/css/* ../client/css",
+    "extras:i18n": "shx mkdir -p ../client/i18n && shx cp -R ../core/client/i18n/* ../client/i18n && shx cp -R ../map/client/i18n/* ../client/i18n",
+    "extras:schemas": "shx mkdir -p ../client/schemas && shx cp -R ../core/common/schemas/* ../client/schemas && shx cp -R ../map/common/schemas/* ../client/schemas",
+    "build:lib:extras": "npm run extras:css && npm run extras:i18n && npm run extras:schemas",
+    "build:lib:debug": "cross-env BUILD_MODE=lib DEBUG=1 vite build",
+    "build:lib:globe:debug": "cross-env BUILD_MODE=lib GLOBE=1 DEBUG=1 vite build",
+    "build:lib": "cross-env BUILD_MODE=lib vite build",
+    "build:lib:globe": "cross-env BUILD_MODE=lib GLOBE=1 vite build",
+    "build:libs": "npm run build:lib:extras && npm run build:lib:debug && npm run build:lib:globe:debug && npm run build:lib && npm run build:lib:globe",
+    "dev": "vite dev",
+    "dev:globe": "cross-env GLOBE=1 vite dev"
+  },
+  "dependencies": {},
+  "resolutions": {
+    "@zip.js/zip.js": "2.7.70",
+    "@cesium/engine": "9.1.0",
+    "leaflet": "1.6.0",
+    "protobufjs": "7.1.0"
+  },
+  "devDependencies": {
+    "@casl/ability": "^6.1.1",
+    "@casl/mongoose": "^7.1.0",
+    "@feathersjs/client": "^5.0.8",
+    "@feathersjs/commons": "^5.0.8",
+    "@feathersjs/memory": "^5.0.8",
+    "@geoman-io/leaflet-geoman-free": "2.18.3",
+    "@intlify/vue-i18n-loader": "^4.2.0",
+    "@kalisio/feathers-localforage": "^1.2.0",
+    "@kalisio/feathers-s3": "^1.5.0",
+    "@kalisio/feathers-webpush": "^1.0.1",
+    "@kalisio/leaflet-graphicscale": "^1.0.0",
+    "@kalisio/leaflet-pmtiles": "https://github.com/kalisio/leaflet-pmtiles",
+    "@kalisio/leaflet.donutcluster": "^1.1.0",
+    "@mapbox/geojsonhint": "^3.0.1",
+    "@mapbox/sphericalmercator": "^1.2.0",
+    "@pdfme/common": "^4.1.0",
+    "@pdfme/generator": "^4.1.0",
+    "@pdfme/schemas": "^4.1.0",
+    "@pdfme/ui": "^4.1.0",
+    "@quasar/extras": "1.16.3",
+    "@quasar/vite-plugin": "^1.10.0",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@thumbmarkjs/thumbmarkjs": "^0.16.1",
+    "@tmcw/togeojson": "^4.5.0",
+    "@turf/turf": "^6.5.0",
+    "@weacast/core": "^2.2.1",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "abort-controller": "^3.0.0",
+    "ajv": "^8.12.0",
+    "ajv-formats": "^2.1.1",
+    "ajv-i18n": "^3.6.0",
+    "ajv-keywords": "^5.1.0",
+    "assert": "^2.0.0",
+    "browserify-zlib": "^0.2.0",
+    "cesium": "1.117.0",
+    "chart.js": "^3.7.1",
+    "chartjs-adapter-moment": "^1.0.0",
+    "chartjs-chart-matrix": "^1.1.1",
+    "chartjs-plugin-annotation": "^1.4.0",
+    "chartjs-plugin-datalabels": "^2.0.0",
+    "chartjs-plugin-zoom": "^2.0.0",
+    "chroma-js": "^2.4.2",
+    "cross-env": "^5.2.0",
+    "crypto-browserify": "^3.12.0",
+    "d3": "^4.9.1",
+    "debug": "^4.1.0",
+    "email-validator": "^2.0.4",
+    "feathers-reactive": "^0.11.0",
+    "formatcoords": "^1.1.3",
+    "fs-extra": "^8.1.0",
+    "geotiff": "^2.1.3",
+    "https-browserify": "^1.0.0",
+    "i18next": "^21.6.16",
+    "iso8601-js-period": "^0.2.1",
+    "jquery": "^3.2.1",
+    "js-yaml": "^3.13.1",
+    "jsts": "^2.12.1",
+    "jwt-decode": "^3.1.2",
+    "leaflet": "1.6.0",
+    "leaflet-arrowheads": "^1.4.0",
+    "leaflet-fullscreen": "^1.0.2",
+    "leaflet-heatmap": "^1.0.0",
+    "leaflet-pixi-overlay": "1.9.3",
+    "leaflet-realtime": "^2.2.0",
+    "leaflet-rotate": "https://github.com/kalisio/leaflet-rotate",
+    "leaflet-timedimension": "^1.1.0",
+    "leaflet-velocity": "^1.7.0",
+    "leaflet-wms-header": "^1.0.2",
+    "leaflet.geodesic": "^2.6.1",
+    "leaflet.locatecontrol": "^0.69.0",
+    "leaflet.markercluster": "1.1.0",
+    "leaflet.vectorgrid": "^1.3.0",
+    "localforage": "^1.10.0",
+    "lodash": "^4.17.21",
+    "loglevel": "^1.8.0",
+    "mapillary-js": "^4.0.0",
+    "mathjs": "^14.6.0",
+    "mime": "^3.0.0",
+    "moment": "^2.29.3",
+    "moment-timezone": "^0.5.35",
+    "node-fetch": "^2.6.7",
+    "papaparse": "^5.3.2",
+    "path-browserify": "^1.0.1",
+    "pinch-zoom-element": "^1.1.1",
+    "pixi.js": "7.4.2",
+    "pmtiles": "^3.0.7",
+    "post-robot": "10.0.42",
+    "protomaps-leaflet": "^3.1.2",
+    "quasar": "2.12.0",
+    "sanitize-html": "^2.7.0",
+    "showdown": "^2.1.0",
+    "shpjs": "^4.0.2",
+    "shx": "^0.3.4",
+    "sift": "^16.0.0",
+    "socket.io-client": "^4.4.1",
+    "stream-browserify": "^3.0.0",
+    "stream-http": "^3.2.0",
+    "timers-browserify": "^2.0.12",
+    "tween.js": "^16.6.0",
+    "unplugin-vue-components": "^28.8.0",
+    "vite": "^7.0.6",
+    "vite-plugin-node-polyfills": "^0.24.0",
+    "vite-plugin-static-copy": "^3.1.1",
+    "vue": "3.2.45",
+    "vue-i18n": "^9.2.0-beta.35",
+    "vue-router": "4.1.3",
+    "vue3-tour": "^0.3.3",
+    "whatwg-fetch": "^2.0.3",
+    "xml2js": "^0.4.23",
+    "yallist": "^4.0.0"
+  }
+}

package/vite/quasar.variables.scss

@@ -0,0 +1,17 @@
+// Sass/SCSS variables customization
+// https://quasar.dev/style/sass-scss-variables#variables-list
+
+//@use "sass:color";
+
+// Theme
+$primary: #72448b;
+$secondary: lighten($primary, 50%);
+$accent: lighten($primary, 25%);
+$dark: darken($primary, 25%);
+//$secondary: color.adjust($primary, $lightness: 75%, $space: hsl);
+//$accent: color.adjust($primary, $lightness: 25%, $space: hsl);
+//$dark: color.adjust($primary, $lightness: -25%, $space: hsl);
+$info: $accent;
+
+// Default KDK SCSS variables
+@import 'kdk/core.variables';

package/vite/vite.config.js

@@ -0,0 +1,166 @@
+import { dirname, resolve } from 'node:path'
+import path from 'path'
+import fs from 'fs-extra'
+import { fileURLToPath } from 'node:url'
+import { defineConfig } from 'vite'
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
+import { nodeResolve } from '@rollup/plugin-node-resolve'
+import Components from 'unplugin-vue-components/vite'
+import vue from '@vitejs/plugin-vue'
+import { viteStaticCopy } from 'vite-plugin-static-copy'
+import { quasar, transformAssetUrls } from '@quasar/vite-plugin'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const cesiumSource = './node_modules/cesium/Build/Cesium'
+// This is the base url for static files that CesiumJS needs to load.
+// Set to an empty string to place the files at the site's root path
+const cesiumBaseUrl = 'Cesium'
+
+const plugins = [
+  nodePolyfills({}),
+  nodeResolve({
+    rootDir: path.join(process.cwd(), '.'),
+    modulePaths: [path.join(process.cwd(), 'node_modules')]
+  }),
+  Components({
+    // relative paths to the directory to search for components.
+    dirs: ['../core/client/components', '../map/client/components'],
+    // valid file extensions for components.
+    extensions: ['vue'],
+    // search for subdirectories
+    deep: true
+  }),
+  vue({
+    template: { transformAssetUrls }
+  })
+]
+const alias = {}
+
+// Use the right index and embed Cesium resources if required
+if (process.env.GLOBE) {
+  if (process.env.BUILD_MODE !== 'lib') {
+    plugins.push(viteStaticCopy({
+      targets: [
+        { src: `${cesiumSource}/ThirdParty`, dest: cesiumBaseUrl },
+        { src: `${cesiumSource}/Workers`, dest: cesiumBaseUrl },
+        { src: `${cesiumSource}/Assets`, dest: cesiumBaseUrl },
+        { src: `${cesiumSource}/Widgets`, dest: cesiumBaseUrl },
+      ],
+    }))
+  }
+  const html = fs.readFileSync('./index_with_globe.html', 'utf8')
+  fs.writeFileSync('./index.html', html, { encoding: 'utf8' })
+} else {
+  const html = fs.readFileSync('./index_with_map.html', 'utf8')
+  fs.writeFileSync('./index.html', html, { encoding: 'utf8' })
+}
+
+const build = {
+  outDir: './dist',
+  minify: !process.env.DEBUG,
+  emptyOutDir: (process.env.BUILD_MODE === 'app'),
+  rollupOptions: {
+    // Make sure to externalize deps that shouldn't be bundled into your library
+    external: [],
+    output: {}
+  }
+}
+
+if (process.env.BUILD_MODE) {
+  // @quasar/plugin-vite options list:
+  // https://github.com/quasarframework/quasar/blob/dev/vite-plugin/index.d.ts
+  // FIXME: generate errors on quasar import
+  plugins.push(quasar({
+    sassVariables: fileURLToPath(new URL('./quasar.variables.scss', import.meta.url))
+  }))
+}
+
+if (process.env.BUILD_MODE === 'lib') {
+  const suffix = (process.env.DEBUG ? '' : '.min')
+  build.lib = {
+    entry: (process.env.GLOBE ? resolve(__dirname, '../client.js') : resolve(__dirname, '../client.map.js')),
+    name: 'KDK',
+    // the proper extensions will be added
+    fileName: (process.env.GLOBE ? 'kdk.client' : 'kdk.client.map') + suffix,
+  }
+  // Generate kdk cliet distribution files
+  build.outDir = '../client'
+  // Do not package all dependencies, should be done by embedding app
+  const packageInfo = fs.readJsonSync(path.join(__dirname, 'package.json'))
+  let dependencies = Object.keys(packageInfo.devDependencies)
+  // We need to manually add some dependencies that are included in a "non-standard" way
+  dependencies = dependencies.concat([
+    'config',
+    '@kalisio/feathers-s3/client.js',
+    'moment-timezone/builds/moment-timezone-with-data-10-year-range.js',
+    'jsdap/src/parser.js',
+    'jsdap/src/xdr.js',
+    'cesium/Source/Widgets/widgets.css',
+    'leaflet/dist/leaflet.css',
+    'leaflet-fullscreen/dist/leaflet.fullscreen.css',
+    'leaflet.markercluster/dist/MarkerCluster.css',
+    'leaflet.markercluster/dist/MarkerCluster.Default.css',
+    '@kalisio/leaflet.donutcluster/src/Leaflet.DonutCluster.css',
+    '@kalisio/leaflet-graphicscale/dist/Leaflet.GraphicScale.min.css',
+    'leaflet.locatecontrol/dist/L.Control.Locate.css',
+    'leaflet-timedimension/dist/leaflet.timedimension.control.css',
+    '@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css'
+  ])
+  build.rollupOptions.external = dependencies
+  // Single file
+  build.lib.formats = ['es']
+  build.rollupOptions.output.manualChunks = (id) => 'kdk'
+  Object.assign(alias, {
+    // This library does not seem to have a valid configuration in package.json
+    jsts: path.resolve(__dirname, './node_modules/jsts/dist/jsts.min.js')
+  })
+} else {
+  Object.assign(alias, {
+    // FIXME: why do we need this to avoid import error on this file ?
+    'quasar/src/css/variables.sass': './node_modules/quasar/src/css/variables.sass',
+    // This library does not seem to have a valid configuration in package.json
+    jsts: path.resolve(__dirname, './node_modules/jsts/dist/jsts.min.js'),
+    // FIXME: How to include Quasar language packs ?
+    //'quasar/lang': fileURLToPath(new URL('../node_modules/quasar/lang', import.meta.url)),
+    // Here are specific required KDK aliases
+    'config': fileURLToPath(new URL('./config.js', import.meta.url)), // Alias for client config
+    // FIXME: It does not seem that alias can target multiple directories unlike with Webpack.
+    // However we should also provide alias for files located in the map part
+    // This requires to rewrite some code in loadComponent utility function.
+    // FIXME: For library we should directly integrate the components in the JS build
+    '@components': fileURLToPath(new URL('../core/client/components', import.meta.url)),
+    '@schemas': fileURLToPath(new URL('../client/schemas', import.meta.url)),
+    '@i18n': fileURLToPath(new URL('../client/i18n', import.meta.url)),
+    'kdk/core.variables': fileURLToPath(new URL('../client/css/core.variables.scss', import.meta.url))
+  })
+}
+
+// List of warnings to hide because we use newer Vite preprocessor with an old Quasar version
+const silenceDeprecations = ['import', 'slash-div', 'global-builtin', 'mixed-decls', 'color-functions']
+
+export default defineConfig({
+  plugins,
+  build,
+  define: {
+    CESIUM_BASE_URL: JSON.stringify(`/${cesiumBaseUrl}`)
+  },
+  css: {
+    preprocessorOptions: {
+      scss: {
+        silenceDeprecations,
+        quietDeps: true
+      },
+      sass: {
+        silenceDeprecations,
+        quietDeps: true
+      }
+    },
+  },
+  resolve: {
+    alias
+  },
+  optimizeDeps: {
+    include: [],
+    exclude: []
+  }
+})