pkp/pkp-lib#10067 Expose props via store for extensibility

Author: jardakotesovec

src/composables/useExtender.js

@@ -1,7 +1,7 @@
 /**
  * Provides functions to extend and enhance existing functions
  */
-export function useExtender({context} = {context: {}}) {
+export function useExtender() {
 	/**
 	 * Collection of functions that can be extended
 	 * @type {Object<string, Function>}
@@ -33,7 +33,7 @@ export function useExtender({context} = {context: {}}) {
 
 		availableFunctions[fnName] = (...args) => {
 			const originalResult = originalFn(...args);
-			return extendingFn(originalResult, ...args, context);
+			return extendingFn(originalResult, ...args);
 		};
 	}
 

src/managers/FileManager/fileManagerStore.js

@@ -10,7 +10,7 @@ import {useExtender} from '@/composables/useExtender';
 export const useFileManagerStore = defineComponentStore(
 	'fileManager',
 	(props) => {
-		const extender = useExtender({context: {props}});
+		const extender = useExtender();
 
 		const {namespace, submissionStageId, submission} = toRefs(props);
 		/**
@@ -169,6 +169,7 @@ export const useFileManagerStore = defineComponentStore(
 
 			/** exposed for extensibility purposes */
 			extender,
+			props,
 		};
 	},
 	{requireNamespace: true},

src/managers/GalleyManager/galleyManagerStore.js

@@ -11,7 +11,7 @@ import {useExtender} from '@/composables/useExtender';
 export const useGalleyManagerStore = defineComponentStore(
 	'galleyManager',
 	(props) => {
-		const extender = useExtender({context: {props}});
+		const extender = useExtender();
 
 		const {submission, publication} = toRefs(props);
 
@@ -216,6 +216,7 @@ export const useGalleyManagerStore = defineComponentStore(
 
 			/** Extender */
 			extender,
+			props,
 		};
 	},
 );

src/managers/ParticipantManager/participantManagerStore.js

@@ -14,7 +14,7 @@ import {useExtender} from '@/composables/useExtender';
 export const useParticipantManagerStore = defineComponentStore(
 	'participantManager',
 	(props) => {
-		const extender = useExtender({context: {props}});
+		const extender = useExtender();
 		const submissionId = ref(props.submission.id);
 
 		const relativeUrl = computed(() => {
@@ -179,6 +179,7 @@ export const useParticipantManagerStore = defineComponentStore(
 			participantLogoutAs,
 
 			extender,
+			props,
 		};
 	},
 );

src/managers/ReviewerManager/reviewerManagerStore.js

@@ -14,7 +14,7 @@ export const useReviewerManagerStore = defineComponentStore(
 			getReviewAssignmentsForRound,
 		} = useSubmission();
 
-		const extender = useExtender({context: {props}});
+		const extender = useExtender();
 
 		const reviewAssignments = computed(() => {
 			const reviewAssignmentsForSelectedRound = getReviewAssignmentsForRound(
@@ -244,6 +244,7 @@ export const useReviewerManagerStore = defineComponentStore(
 			 * Extender
 			 */
 			extender,
+			props,
 		};
 	},
 );

src/managers/UserAccessManager/UserAccessManagerStore.js

@@ -132,6 +132,9 @@ export const useUserAccessManagerStore = defineComponentStore(
 
 			/**refs */
 			searchPhrase,
+
+			// Extensibility
+			extender,
 		};
 	},
 );

src/pages/dashboard/dashboardPageStore.js

@@ -46,17 +46,16 @@ export const DashboardPageTypes = {
 
 export const useDashboardPageStore = defineComponentStore(
 	'dashboard',
-	(pageInitConfig) => {
+	(props) => {
 		const appStore = useAppStore();
-		const extender = useExtender({context: {props: pageInitConfig}});
+		const extender = useExtender();
 
-		const dashboardPage = pageInitConfig.dashboardPage;
+		const dashboardPage = props.dashboardPage;
 
 		/**
 		 * Minimal reviews count feature
 		 */
-		const contextMinReviewsPerSubmission =
-			pageInitConfig.contextMinReviewsPerSubmission;
+		const contextMinReviewsPerSubmission = props.contextMinReviewsPerSubmission;
 
 		/**
 		 * ModalStore
@@ -96,7 +95,7 @@ export const useDashboardPageStore = defineComponentStore(
 		/**
 		 * Views
 		 */
-		const views = ref(pageInitConfig.views);
+		const views = ref(props.views);
 		const currentViewId = computed(() => {
 			// does it exist
 			const view = views.value.find(
@@ -164,7 +163,7 @@ export const useDashboardPageStore = defineComponentStore(
 		/**
 		 * Filters form
 		 */
-		const filtersForm = ref(pageInitConfig.filtersForm);
+		const filtersForm = ref(props.filtersForm);
 
 		const {
 			filtersFormList,
@@ -227,7 +226,7 @@ export const useDashboardPageStore = defineComponentStore(
 		function setCurrentPage(_currentPage) {
 			currentPage.value = _currentPage;
 		}
-		const countPerPage = ref(pageInitConfig.countPerPage);
+		const countPerPage = ref(props.countPerPage);
 		const {apiUrl} = useUrl('_submissions');
 
 		const submissionsUrl = computed(() => {
@@ -283,9 +282,8 @@ export const useDashboardPageStore = defineComponentStore(
 		// already trigger by SideNav to get initial values for all dashboards
 		fetchSubmissions(false);
 
-		const reviewerManagerActions = useReviewerManagerActions(pageInitConfig);
-		const participantManagerActions =
-			useParticipantManagerActions(pageInitConfig);
+		const reviewerManagerActions = useReviewerManagerActions(props);
+		const participantManagerActions = useParticipantManagerActions(props);
 		const fileManagerActions = useFileManagerActions();
 		const {getCurrentPublication} = useSubmission();
 
@@ -430,7 +428,7 @@ export const useDashboardPageStore = defineComponentStore(
 				'WorkflowPage',
 				{
 					submissionId,
-					pageInitConfig,
+					pageInitConfig: props,
 				},
 				{
 					onClose: async () => {
@@ -612,10 +610,11 @@ export const useDashboardPageStore = defineComponentStore(
 			contextMinReviewsPerSubmission,
 
 			// Expose component forms, so managers and other dashboard/workflow component can access them
-			componentForms: pageInitConfig.componentForms,
+			componentForms: props.componentForms,
 
 			// Extender
 			extender,
+			props,
 		};
 	},
 );

src/pages/workflow/workflowStore.js

@@ -31,7 +31,7 @@ export const useWorkflowStore = defineComponentStore(
 		const dashboardPage = props.pageInitConfig.dashboardPage;
 		const contextMinReviewsPerSubmission =
 			props.pageInitConfig.contextMinReviewsPerSubmission;
-		const extender = useExtender({context: {props}});
+		const extender = useExtender();
 		/**
 		 * Action to close the workflow from inside
 		 * */
@@ -250,6 +250,7 @@ export const useWorkflowStore = defineComponentStore(
 
 			Components,
 			extender,
+			props,
 		};
 		return store;
 	},