refactor(editor): Migrate part of the vuex store to pinia (#4484)

* ✨ Added pinia support. Migrated community nodes module. * ✨ Added ui pinia store, moved some data from root store to it, updated modals to work with pinia stores * ✨ Added ui pinia store and migrated a part of the root store * ✨ Migrated `settings` store to pinia * ✨ Removing vuex store refs from router * ✨ Migrated `users` module to pinia store * ⚡ Fixing errors after sync with master * ⚡ One more error after merge * ⚡ Created `workflows` pinia store. Moved large part of root store to it. Started updating references. * ✨ Finished migrating workflows store to pinia * ⚡ Renaming some getters and actions to make more sense * ✨ Finished migrating the root store to pinia * ✨ Migrated ndv store to pinia * ⚡ Renaming main panel dimensions getter so it doesn't clash with data prop name * ✔️ Fixing lint errors * ✨ Migrated `templates` store to pinia * ✨ Migrated the `nodeTypes`store * ⚡ Removed unused pieces of code and oold vuex modules * ✨ Adding vuex calls to pinia store, fi xing wrong references * 💄 Removing leftover $store refs * ⚡ Added legacy getters and mutations to store to support webhooks * ⚡ Added missing front-end hooks, updated vuex state subscriptions to pinia * ✔️ Fixing linting errors * ⚡ Removing vue composition api plugin * ⚡ Fixing main sidebar state when loading node view * 🐛 Fixing an error when activating workflows * 🐛 Fixing isses with workflow settings and executions auto-refresh * 🐛 Removing duplicate listeners which cause import error * 🐛 Fixing route authentication * ⚡ Updating freshly pulled $store refs * Adding deleted const * ⚡ Updating store references in ee features. Reseting NodeView credentials update flag when resetting workspace * ⚡ Adding return type to email submission modal * ⚡ Making NodeView only react to paste event when active * 🐛 Fixing signup view errors * 👌 Addressing PR review comments * 👌 Addressing new PR comments * 👌 Updating invite id logic in signup view
2022-11-04 14:04:31 +01:00
parent c2c7927414
commit 40e413d958
160 changed files with 5141 additions and 4378 deletions
--- a/packages/editor-ui/src/stores/communityNodes.ts
+++ b/packages/editor-ui/src/stores/communityNodes.ts
@@ -0,0 +1,82 @@
+import { getInstalledCommunityNodes, installNewPackage, uninstallPackage, updatePackage } from "@/api/communityNodes";
+import { getAvailableCommunityPackageCount } from "@/api/settings";
+import { defineStore } from "pinia";
+import { useRootStore } from "./n8nRootStore";
+import { PublicInstalledPackage } from 'n8n-workflow';
+import Vue from "vue";
+import { CommunityNodesState, CommunityPackageMap } from "@/Interface";
+import { STORES } from "@/constants";
+
+const LOADER_DELAY = 300;
+
+export const useCommunityNodesStore = defineStore(STORES.COMMUNITY_NODES, {
+	state: (): CommunityNodesState => ({
+		// -1 means that package count has not been fetched yet
+		availablePackageCount: -1,
+		installedPackages: {},
+	}),
+	getters: {
+		getInstalledPackages() : PublicInstalledPackage[] {
+			return Object.values(this.installedPackages).sort((a, b) => a.packageName.localeCompare(b.packageName));
+		},
+		getInstalledPackageByName() {
+			return (name: string): PublicInstalledPackage => this.installedPackages[name];
+		},
+	},
+	actions: {
+		async fetchAvailableCommunityPackageCount(): Promise<void> {
+			if (this.availablePackageCount === -1) {
+				this.availablePackageCount = await getAvailableCommunityPackageCount();
+			}
+		},
+		async fetchInstalledPackages(): Promise<void> {
+			const rootStore = useRootStore();
+			const installedPackages = await getInstalledCommunityNodes(rootStore.getRestApiContext);
+			this.setInstalledPackages(installedPackages);
+			const timeout = installedPackages.length > 0 ? 0: LOADER_DELAY;
+			setTimeout(() => {
+				return;
+			}, timeout);
+		},
+		async installPackage(packageName: string): Promise<void> {
+			try {
+				const rootStore = useRootStore();
+				await installNewPackage(rootStore.getRestApiContext, packageName);
+				await this.fetchInstalledPackages();
+			} catch (error) {
+				throw (error);
+			}
+		},
+		async uninstallPackage(packageName: string): Promise<void> {
+			try {
+				const rootStore = useRootStore();
+				await uninstallPackage(rootStore.getRestApiContext, packageName);
+				this.removePackageByName(packageName);
+			} catch (error) {
+				throw (error);
+			}
+		},
+		async updatePackage(packageName: string): Promise<void> {
+			try {
+				const rootStore = useRootStore();
+				const packageToUpdate: PublicInstalledPackage = this.getInstalledPackageByName(packageName);
+				const updatedPackage: PublicInstalledPackage = await updatePackage(rootStore.getRestApiContext, packageToUpdate.packageName);
+				this.updatePackageObject(updatedPackage);
+			} catch (error) {
+				throw (error);
+			}
+		},
+		setInstalledPackages(packages: PublicInstalledPackage[]) {
+			this.installedPackages = packages.reduce((packageMap: CommunityPackageMap, pack: PublicInstalledPackage) => {
+				packageMap[pack.packageName] = pack;
+				return packageMap;
+			}, {});
+		},
+		removePackageByName(name: string): void {
+			Vue.delete(this.installedPackages, name);
+		},
+		updatePackageObject(newPackage: PublicInstalledPackage) {
+			this.installedPackages[newPackage.packageName] = newPackage;
+		},
+	},
+});