Merge branch '9053-cbyrd-create-future-publications' of https://githu…

…b.com/archesproject/arches into 9271-cbyrd-manage-published-graphs

.eslintrc.js

@@ -41,7 +41,6 @@ module.exports = {
             "files": [ "*.vue" ],
             "rules": {
                 "vue/html-indent": [2, 4],
-                "vue/this-in-template": "off"
             }
         },
         {

arches/app/media/js/utils/create-vue-application.js

@@ -1,4 +1,11 @@
 import PrimeVue from 'primevue/config';
+import AnimateOnScroll from 'primevue/animateonscroll';
+import ConfirmationService from 'primevue/confirmationservice';
+import DialogService from 'primevue/dialogservice';
+import FocusTrap from 'primevue/focustrap';
+import StyleClass from 'primevue/styleclass';
+import ToastService from 'primevue/toastservice';
+import Tooltip from 'primevue/tooltip';
 
 import { createApp } from 'vue';
 import { createGettext } from "vue3-gettext";
@@ -32,6 +39,13 @@ export default async function createVueApp(vueComponent){
         const app = createApp(vueComponent);
         app.use(PrimeVue);
         app.use(gettext);
+        app.use(ConfirmationService);
+        app.use(DialogService);
+        app.use(ToastService);
+        app.directive('animateonscroll', AnimateOnScroll);
+        app.directive('focustrap', FocusTrap);
+        app.directive('styleclass', StyleClass);
+        app.directive('tooltip', Tooltip);
 
         return app;
     });

arches/app/src/declarations.d.ts

@@ -54,6 +54,7 @@ declare module "moment-timezone";
 declare module "nouislider";
 declare module "numeral";
 declare module "primevue";
+declare module "primevue/*";
 declare module "proj4";
 declare module "regenerator-runtime";
 declare module "requirejs";

arches/app/templates/base.htm

@@ -46,6 +46,8 @@
     <link rel="apple-touch-icon" sizes="180x180" href="{% webpack_static 'favicons/apple-touch-icon-180x180.png' %}" />
 
     {% block css %}
+        <!-- POC rough out of PrimeVue theme switcher -->
+        <link rel="stylesheet" href="{% webpack_static 'node_modules/primevue/resources/themes/mdc-light-indigo/theme.css' %}" />
         {% render_bundle 'css/arches' 'css' %}
         {% render_bundle 'css/core' 'css' %}
 

arches/install/arches-app-templates/.eslintrc.js

@@ -41,7 +41,6 @@ module.exports = {
             "files": [ "*.vue" ],
             "rules": {
                 "vue/html-indent": [2, 4],
-                "vue/this-in-template": "off"
             }
         },
         {

arches/install/arches-app-templates/tsconfig.json

@@ -18,12 +18,15 @@
     "paths": {
       "@/*": [
         "*.ts",
-        "*.vue",
-      ],
-    },
+        "*.vue"
+      ]
+    }
   },
   "include": [
     "**/*.ts",
-    "**/*.vue",
+    "**/*.vue"
   ],
-}
+  "vueCompilerOptions": {
+    "skipTemplateCodegen": true
+  }
+}

arches/install/arches-templates/project_name/.eslintrc.js

@@ -40,7 +40,6 @@ module.exports = {
             "files": [ "*.vue" ],
             "rules": {
                 "vue/html-indent": [2, 4],
-                "vue/this-in-template": "off"
             }
         },
         {

arches/install/arches-templates/project_name/tsconfig.json

@@ -18,12 +18,15 @@
     "paths": {
       "@/*": [
         "*.ts",
-        "*.vue",
-      ],
-    },
+        "*.vue"
+      ]
+    }
   },
   "include": [
     "**/*.ts",
-    "**/*.vue",
+    "**/*.vue"
   ],
-}
+  "vueCompilerOptions": {
+    "skipTemplateCodegen": true
+  }
+}

releases/7.6.0.md

@@ -3,7 +3,11 @@ Arches 7.6.0 Release Notes
 
 ### Major enhancements
 
-### Performance Improvments
+An interface for contributing front-end features in Vue is now provided via the ``createVueApp()`` function. A minimal example is available in the [Arches Vue Integration Styleguide](https://github.com/archesproject/arches-docs/blob/master/docs/developing/vue/arches-vue-integration.md).
+
+The ``createVueApp()`` function is experimental in 7.6. It currently registers all available ``PrimeVue`` services and directives, such as [toast (error messaging) plugins](https://primevue.org/toast/), [tooltip animations](https://primevue.org/tooltip/), and more. Over time, if some of these features do not see significant use in core Arches (or if registering them leads to a performance drag), they may be dropped from the ``createVueApp()`` wrapper. Implementers may always register any needed plugins/services in their own Vue applications. (Note: The vast majority of ``PrimeVue``'s functionality does not require these services or directives.)
+
+### Performance Improvements
 
 ### Additional improvements and bug fixes
 - 10490 Fixes an issue where webpack receives multiple build calls when running in a container

tsconfig.json

@@ -18,12 +18,15 @@
     "paths": {
       "@/*": [
         "*.ts",
-        "*.vue",
-      ],
-    },
+        "*.vue"
+      ]
+    }
   },
   "include": [
     "**/*.ts",
-    "**/*.vue",
+    "**/*.vue"
   ],
-}
+  "vueCompilerOptions": {
+    "skipTemplateCodegen": true
+  }
+}