Update project to map.apps 4.15.1

.github/workflows/devnet-bundle-release.yml

@@ -28,3 +28,6 @@ jobs:
          release_version: ${{ github.event.inputs.releaseVersion }}
          next_dev_version: ${{ github.event.inputs.nextDevVersion }}
          ms_teams_webhook_uri: ${{secrets.MS_TEAMS_WEBHOOK_URI}}
+         demo_user: ${{secrets.DEMO_USER}}
+         demo_user_pw: ${{secrets.DEMO_USER_PW}}
+         demo_url: ${{secrets.DEMO_URL}}

.stylelintignore

@@ -0,0 +1,3 @@
+# add path patterns to ignore style files
+**/external-libs/**
+**/styles/dijit/**

.stylelintrc

@@ -0,0 +1,3 @@
+{
+	"extends": "stylelint-config-ct-prodeng"
+}

.vscode/extensions.json

@@ -0,0 +1,8 @@
+{
+    "recommendations": [
+        "dbaeumer.vscode-eslint",
+        "Vue.volar",
+        "Esri.arcgis-jsapi-snippets",
+        "ctjdr.vscode-apprt-bundles"
+    ]
+}

.vscode/launch.json

@@ -0,0 +1,15 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Launch Chrome against localhost",
+            "url": "http://localhost:9090",
+            "webRoot": "${workspaceFolder}/src/main"
+        }
+    ]
+}

.vscode/tasks.json

@@ -3,27 +3,40 @@
     "tasks": [
         {
             "label": "Initialize",
+            "detail": "Initialize map.apps for Developers project",
             "type": "shell",
             "command": "mvn initialize",
             "group": "build"
         },
         {
-            "label": "Run HTTP Server",
+            "label": "Run",
+            "detail": "Run map.apps for Developers development server",
             "type": "shell",
-            "command": "mvn jetty:run -Denv=dev '-Dlocal.configfile=./build.properties'",
-            "group": "build"
+            "command": "mvn",
+            "args": ["clean", "compile", "-Denv=dev", "'-Dlocal.configfile=./build.properties'", "-Pinclude-mapapps-deps"],
+            "group": "build",
+            "isBackground": true
         },
         {
-            "label": "Run stand-alone HTTP Server",
+            "label": "Run (Remote project mode)",
+            "detail": "Run map.apps for Developers development server in 'remote project' mode",
             "type": "shell",
-            "command": "mvn jetty:run -Denv=dev '-Dlocal.configfile=./build.properties' -Pinclude-mapapps-deps",
-            "group": "build"
+            "command": "mvn",
+            "args": ["clean", "compile", "-Denv=dev", "'-Dlocal.configfile=./build.properties'"],
+            "group": "build",
+            "isBackground": true
         },
         {
             "label": "Compress",
+            "detail": "Prepare bundles and apps for deployment on a map.apps instance",
             "type": "shell",
-            "command": "mvn install -P compress",
-            "group": "build"
+            "command": "mvn",
+            "args": ["clean", "install", "-Pcompress"],
+            "group": "build",
+            "presentation": {
+                "reveal": "always",
+                "panel": "dedicated"
+            }
         },
         {
             "label": "Clean",

gulpfile.js

@@ -15,38 +15,168 @@
  */
 const gulp = require("gulp");
 const mapapps = require('ct-mapapps-gulp-js');
+const mapappsBrowserSync = require("ct-mapapps-browser-sync");
+
+const isProduction = process.env.NODE_ENV === "production";
+console.info(`Configuring gulp build for ${isProduction ? "production" : "development"}`);
+
+const localOverrides = (function () {
+    if (isProduction) {
+        // Never override defaults in production mode
+        return undefined;
+    }
+
+    try {
+        return require("./gulpfile.overrides");
+    } catch (e) {
+        // File may not exist
+        return undefined;
+    }
+})();
+
+// used to transport test urls in "run-browser-tests-local" task
+const runBrowserTests = [];
 
 mapapps.registerTasks({
+    /** Enable debug logging */
+    debug: localOverrides?.debug ?? false,
+    /** enable linting */
+    lintOnWatch: localOverrides?.lintOnWatch ?? true,
+    /** enable es6 by default */
+    forceTranspile: true,
     /* A detailed description of available setting is available at https://www.npmjs.com/package/ct-mapapps-gulp-js */
+    compress: isProduction,
+
+    /* build source maps as e.g. ".js.map" */
+    sourceMaps: "file",
+
+    /** Build Unit-Tests only in dev mode */
+    rollupBuildTests: !isProduction,
+    /** Amount of Threads used to build the bundles, if there are only a few bundles 1 is ok.
+     *  More as 3 is normally not required.
+     */
+    rollupBuildMaxWorkers: localOverrides?.rollupBuildMaxWorkers ?? 1,
+
+    /** List of build time flags, usage like: import { debug } from "build-config!".
+     */
+    rollupConfig: {
+        debug: !isProduction
+    },
+
     /* a list of themes inside this project */
     themes: [/*"sample-theme"*/],
     /* state that the custom theme will be dependant from map.apps everlasting theme that provides the base styles */
     hasBaseThemes: true,
     /* state that we want to support vuetify components and therefore need the vuetify core styles*/
-    hasVuetify: true
-    /*themeChangeTargets: {
+    hasVuetify: true,
+    themeChangeTargets: {
         "vuetify": [
-            "sample_theme"
+            // "sample_theme"
         ]
-    }*/
-});
+    },
+    /* A list oft target browser versions. This should be streamlined with Esri JS API requirements. */
+    transpileTargets: {
+        firefox: 102,
+        edge: 104,
+        chrome: 104,
+        safari: 15
+    },
+    runBrowserTests,
+    watchFinishedReceiver() {
+        if (localOverrides?.autoReload ?? true) {
+            mapappsBrowserSync.state.reload();
+        }
+    }
+}, gulp);
 
-gulp.task("default",
+mapappsBrowserSync.registerTask({
+    // on which port to listen
+    port: localOverrides?.port ?? 9090,
+    // activate https protocol, generates a self signed certificate for "localhost"
+    // https://browsersync.io/docs/options#option-https
+    https: localOverrides?.https ?? false,
+
+    // to prevent auto open of browser, set this to false
+    urlToOpen: localOverrides?.openBrowser ?? true,
+    properties: {
+        paths: [
+            // Ensure @@key@@ expressions filtered in tests files
+            /^\/js\/tests\/(runTests.html|test-init.js|init-packs.js)$/
+        ]
+    },
+    jsreg: {
+        //npmDir : __dirname + "/node_modules/",
+        npmModules: [
+            "mocha",
+            "chai",
+            "@conterra/mapapps-mocha-runner"
+        ]
+    },
+    // prevent reload by browser sync (reload triggered on watch end)
+    externalReloadTrigger: true
+}, gulp);
+
+gulp.task("build",
     gulp.series(
         "copy-resources",
         "themes-copy",
         gulp.parallel(
-            //"js-lint",
-            //"style-lint",
             "js-transpile",
+            "rollup-build",
             "themes-compile"
         )
     )
 );
 
+gulp.task("lint",
+    gulp.parallel(
+        "js-lint"
+        /*, comment in to lint .css/.less files
+        "style-lint"
+        */
+    ));
+
+gulp.task("preview",
+    gulp.series(
+        "build",
+        "lint",
+        gulp.parallel(
+            "watch",
+            "browser-sync"
+        )
+    ));
+
+gulp.task("run-tests",
+    gulp.series(
+        "browser-sync-start",
+        function transportTestUrls() {
+            // transport test url to run-browser-tests
+            // eslint-disable-next-line max-len
+            const testsAt = mapappsBrowserSync.state.url + "/resources/jsregistry/root/@conterra/mapapps-mocha-runner/latest/mocha.html?boot=/js/tests/test-init.js&timeout=5000&test=dn_popupstypes/tests/all&reporter=tap";
+            runBrowserTests.push(testsAt);
+            return Promise.resolve();
+        },
+        "run-browser-tests",
+        "browser-sync-stop"
+    ));
+
+gulp.task("test",
+    gulp.series(
+        "build",
+        "lint",
+        "run-tests"
+    ));
+
 gulp.task("compress",
     gulp.series(
-        "default",
-        "themes-compress"
+        "build",
+        "themes-compress",
+        "lint"
     )
 );
+
+gulp.task("default",
+    gulp.series(
+        "build",
+        "lint"
+    ));

package.json

@@ -1,17 +1,25 @@
 {
-    "name": "test",
+    "name": "mapapps-4-developers",
     "description": "test build",
     "version": "0.0.1",
+    "license": "CC0-1.0",
+    "scripts": {
+        "check-licenses": "node ./src/support/js/check-licenses.js"
+    },
     "devDependencies": {
-        "@conterra/ct-mapapps-typings": "4.13.1",
-        "@conterra/mapapps-mocha-runner": "^1.0.0",
-        "@types/arcgis-js-api": "4.22.0",
-        "ct-mapapps-gulp-js": "^0.6.18",
-        "vue-template-compiler": "2.6.14",
-        "puppeteer": "^13.3.2",
-        "eslint-config-ct-prodeng": "^1.2.5",
-        "stylelint-config-ct-prodeng": "1.0.3",
-        "chai": "^4.3.4",
-        "mocha": "^9.0.0"
+        "@conterra/ct-mapapps-typings": "4.15.1",
+        "@conterra/mapapps-mocha-runner": "^1.1.1",
+        "@types/arcgis-js-api": "4.26.0",
+        "chai": "^4.3.7",
+        "ct-mapapps-browser-sync": "0.0.30",
+        "ct-mapapps-gulp-js": "0.9.4",
+        "eslint-config-ct-prodeng": "1.3.0-next-2",
+        "license-checker": "^25.0.1",
+        "mocha": "^10.2.0",
+        "puppeteer": "^19.11.1",
+        "vue-template-compiler": "2.7.8",
+        "stylelint-config-ct-prodeng": "1.0.4",
+        "stylelint-config-recommended": "5.0.0",
+        "stylelint": "^13.13.1"
     }
 }