{{ communityPackage.packageName }}
@@ -72,7 +72,9 @@ export default defineComponent({
name: 'CommunityPackageCard',
props: {
communityPackage: {
- type: Object as () => PublicInstalledPackage,
+ type: Object as () => PublicInstalledPackage | null,
+ required: false,
+ default: null,
},
loading: {
type: Boolean,
@@ -99,6 +101,7 @@ export default defineComponent({
},
methods: {
async onAction(value: string) {
+ if (!this.communityPackage) return;
switch (value) {
case COMMUNITY_PACKAGE_MANAGE_ACTIONS.VIEW_DOCS:
this.$telemetry.track('user clicked to browse the cnr package documentation', {
@@ -115,6 +118,7 @@ export default defineComponent({
}
},
onUpdateClick() {
+ if (!this.communityPackage) return;
this.uiStore.openCommunityPackageUpdateConfirmModal(this.communityPackage.packageName);
},
},
diff --git a/packages/editor-ui/src/views/SettingsCommunityNodesView.vue b/packages/editor-ui/src/views/SettingsCommunityNodesView.vue
index e2dc01491..fcfb37423 100644
--- a/packages/editor-ui/src/views/SettingsCommunityNodesView.vue
+++ b/packages/editor-ui/src/views/SettingsCommunityNodesView.vue
@@ -95,59 +95,6 @@ export default defineComponent({
loading: false,
};
},
- beforeMount() {
- this.pushConnection.initialize();
- // The push connection is needed here to receive `reloadNodeType` and `removeNodeType` events when community nodes are installed, updated, or removed.
- this.pushStore.pushConnect();
- },
- async mounted() {
- try {
- this.loading = true;
- await this.communityNodesStore.fetchInstalledPackages();
-
- const installedPackages: PublicInstalledPackage[] =
- this.communityNodesStore.getInstalledPackages;
- const packagesToUpdate: PublicInstalledPackage[] = installedPackages.filter(
- (p) => p.updateAvailable,
- );
- this.$telemetry.track('user viewed cnr settings page', {
- num_of_packages_installed: installedPackages.length,
- installed_packages: installedPackages.map((p) => {
- return {
- package_name: p.packageName,
- package_version: p.installedVersion,
- package_nodes: p.installedNodes.map((node) => `${node.name}-v${node.latestVersion}`),
- is_update_available: p.updateAvailable !== undefined,
- };
- }),
- packages_to_update: packagesToUpdate.map((p) => {
- return {
- package_name: p.packageName,
- package_version_current: p.installedVersion,
- package_version_available: p.updateAvailable,
- };
- }),
- number_of_updates_available: packagesToUpdate.length,
- });
- } catch (error) {
- this.showError(
- error,
- this.$locale.baseText('settings.communityNodes.fetchError.title'),
- this.$locale.baseText('settings.communityNodes.fetchError.message'),
- );
- } finally {
- this.loading = false;
- }
- try {
- await this.communityNodesStore.fetchAvailableCommunityPackageCount();
- } finally {
- this.loading = false;
- }
- },
- beforeUnmount() {
- this.pushStore.pushDisconnect();
- this.pushConnection.terminate();
- },
computed: {
...mapStores(useCommunityNodesStore, useSettingsStore, useUIStore, usePushConnectionStore),
getEmptyStateDescription(): string {
@@ -214,6 +161,59 @@ export default defineComponent({
};
},
},
+ beforeMount() {
+ this.pushConnection.initialize();
+ // The push connection is needed here to receive `reloadNodeType` and `removeNodeType` events when community nodes are installed, updated, or removed.
+ this.pushStore.pushConnect();
+ },
+ async mounted() {
+ try {
+ this.loading = true;
+ await this.communityNodesStore.fetchInstalledPackages();
+
+ const installedPackages: PublicInstalledPackage[] =
+ this.communityNodesStore.getInstalledPackages;
+ const packagesToUpdate: PublicInstalledPackage[] = installedPackages.filter(
+ (p) => p.updateAvailable,
+ );
+ this.$telemetry.track('user viewed cnr settings page', {
+ num_of_packages_installed: installedPackages.length,
+ installed_packages: installedPackages.map((p) => {
+ return {
+ package_name: p.packageName,
+ package_version: p.installedVersion,
+ package_nodes: p.installedNodes.map((node) => `${node.name}-v${node.latestVersion}`),
+ is_update_available: p.updateAvailable !== undefined,
+ };
+ }),
+ packages_to_update: packagesToUpdate.map((p) => {
+ return {
+ package_name: p.packageName,
+ package_version_current: p.installedVersion,
+ package_version_available: p.updateAvailable,
+ };
+ }),
+ number_of_updates_available: packagesToUpdate.length,
+ });
+ } catch (error) {
+ this.showError(
+ error,
+ this.$locale.baseText('settings.communityNodes.fetchError.title'),
+ this.$locale.baseText('settings.communityNodes.fetchError.message'),
+ );
+ } finally {
+ this.loading = false;
+ }
+ try {
+ await this.communityNodesStore.fetchAvailableCommunityPackageCount();
+ } finally {
+ this.loading = false;
+ }
+ },
+ beforeUnmount() {
+ this.pushStore.pushDisconnect();
+ this.pushConnection.terminate();
+ },
methods: {
onClickEmptyStateButton(): void {
if (this.settingsStore.isDesktopDeployment) {