[Vue] Introduce Vue + Workflow commands (#17940)

* adding vue

* adding webpack config + example vue library project

* forgot to add base tsconfig.json

* Add build command that allows building all plugins + watching for changes.

* autodetect umd bundles

* initial externals detection

* integrate vue CLI

* add externals config via vue config

* explain regenerator issue

* remove ie11

* Build polyfills in separate library.

* add command to quickly compute total asset size (minified + gzipped)

* output tweak for --exclude-angular

* Explicitly disable support for ie11 since Vue 3 does not support it.

* rebuild and add option to clear webpack cache to build commands

* Add example vue component that compiles w/ vue 3.

* get example vue component to display

* include tslib via polyfills so it is not compiled in each library

* get async component loading to work

* some tweaks and tests

* Add generate vue component command and run to generate activity indicator template.

* switch to using composition api since that is apparently better supported, and get activity indicator adapter to bind data properly

* remove vue-class-component npm package

* eslint changes

* rever tracking JS change

* tweak

* Remove CoreVue vue dir which was just there for testing.

* Update vue.config.js

* apply some review feedback

* add plugin to compute js asset size command

* use local script to build

* update changelog and apply review feedback

* fix bower component mapping

* update expected screenshots

* update screenshot

* Update and rename 4.5.0-b2.php to 4.6.0-b1.php

* Update Version.php

* update expected screenshot

* updates expected UI test files

Co-authored-by: sgiehl <stefan@matomo.org>

2 files changed, 0 insertions, 45 deletions

diff --git a/plugins/CoreHome/angularjs/activity-indicator/activityindicator.directive.js b/plugins/CoreHome/angularjs/activity-indicator/activityindicator.directive.js
deleted file mode 100644
index 20c5837229..0000000000
--- a/plugins/CoreHome/angularjs/activity-indicator/activityindicator.directive.js
+++ /dev/null
@@ -1,42 +0,0 @@
-/*!
- * Matomo - free/libre analytics platform
- *
- * @link https://matomo.org
- * @license http://www.gnu.org/licenses/gpl-3.0.html GPL v3 or later
- */
-
-/**
- * Shows a general loading message while [loading] is set to true.
- *
- * @param {Boolean} loading  If true, the activity indicator is shown, otherwise the indicator is hidden.
- *
- * Example:
- * <div piwik-activity-indicator loading-message="'My custom message'" loading="true|false"></div>
- */
-(function () {
-    angular.module('piwikApp').directive('piwikActivityIndicator', piwikActivityIndicator);
-
-    piwikActivityIndicator.$inject = ['piwik'];
-
-    function piwikActivityIndicator(piwik){
-
-        return {
-            restrict: 'A',
-            transclude: true,
-            scope: {
-                loading: '=',
-                loadingMessage: '=?'
-            },
-            templateUrl: 'plugins/CoreHome/angularjs/activity-indicator/activityindicator.html?cb=' + piwik.cacheBuster,
-            compile: function (element, attrs) {
-
-                return function (scope, element, attrs) {
-                    if (!scope.loadingMessage) {
-                        scope.loadingMessage = _pk_translate('General_LoadingData');
-                    }
-
-                };
-            }
-        };
-    }
-})();
\ No newline at end of file
diff --git a/plugins/CoreHome/angularjs/activity-indicator/activityindicator.html b/plugins/CoreHome/angularjs/activity-indicator/activityindicator.html
deleted file mode 100644
index c925e83d86..0000000000
--- a/plugins/CoreHome/angularjs/activity-indicator/activityindicator.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div ng-show="loading" class="loadingPiwik">
-    <img src="plugins/Morpheus/images/loading-blue.gif" alt=""/> <span>{{ loadingMessage }}</span>
-</div>
\ No newline at end of file