[Fix]: Overlapping panelboard schedule excel export & changelog formatting.

changelog.md

@@ -5,6 +5,26 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://"0.0.9"keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.4.29] - 2025-01-04
+
+### Add
+
+- Dropdown menu for selecting heirarchy actions
+- Ability to export specific panelboard schedule.
+- Add preference to show or hide loads in Unit Heirarchy.
+
+### Fix
+
+- Fix extra shifted load data row, add one more row spacing.
+- Unit Heirarchy tree re-rendering behavior when modifying load schedule, now updates only affected nodes.
+
+## [0.3.28] - 2025-01-01
+
+### Fix
+
+- Changelog history markdown rendering.
+- Overlapping panelboard schedule excel export when heirarchy is too complex.
+
 ## [0.3.27] - 2024-12-30
 
 ### Add

package.json

@@ -1,11 +1,21 @@
 {
 	"name": "heda",
-	"version": "0.3.27",
+	"version": "0.4.29",
 	"type": "module",
 	"private": true,
 	"author": {
 		"name": "Peter John Arao"
 	},
+	"contributors": [
+		{
+			"name": "Alessandro Benig",
+			"url": "https://github.com/isipisii"
+		},
+		{
+			"name": "Peter John Arao",
+			"url": "https://github.com/pitzzahh"
+		}
+	],
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build",
@@ -25,7 +35,7 @@
 		"@sveltejs/kit": "^2.15.1",
 		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"@tailwindcss/typography": "^0.5.15",
-		"@tauri-apps/cli": "^2.1.0",
+		"@tauri-apps/cli": "^2.2.0",
 		"@types/eslint": "^9.6.1",
 		"autoprefixer": "^10.4.20",
 		"bits-ui": "^1.0.0-next.74",
@@ -39,7 +49,7 @@
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.2",
 		"prettier-plugin-tailwindcss": "^0.6.9",
-		"svelte": "^5.16.0",
+		"svelte": "^5.16.1",
 		"svelte-check": "^4.1.1",
 		"svelte-radix": "^2.0.1",
 		"svelte-sonner": "^0.3.28",
@@ -48,14 +58,14 @@
 		"tailwindcss": "^3.4.17",
 		"tailwindcss-animate": "^1.0.7",
 		"typescript": "^5.7.2",
-		"typescript-eslint": "^8.18.2",
+		"typescript-eslint": "^8.19.0",
 		"vaul-svelte": "^1.0.0-next.3",
-		"vite": "^6.0.6"
+		"vite": "^6.0.7"
 	},
 	"dependencies": {
 		"@paralleldrive/cuid2": "^2.2.2",
 		"@tanstack/table-core": "^8.20.5",
-		"@tauri-apps/api": "^2.1.1",
+		"@tauri-apps/api": "^2.2.0",
 		"@tauri-apps/plugin-dialog": "^2.2.0",
 		"@tauri-apps/plugin-fs": "^2.2.0",
 		"@tauri-apps/plugin-log": "~2",
@@ -64,7 +74,6 @@
 		"dompurify": "^3.2.3",
 		"exceljs": "^4.4.0",
 		"formsnap": "^2.0.0",
-		"marked": "^15.0.4",
 		"mode-watcher": "^0.5.0",
 		"runed": "^0.22.0",
 		"rxdb": "^15.39.0",

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
 	"$schema": "../node_modules/@tauri-apps/cli/config.schema.json",
 	"productName": "Hierarchical Electrical Design Analyzer",
-	"version": "0.3.27",
+	"version": "0.4.29",
 	"identifier": "me.araopj.heda",
 	"build": {
 		"frontendDist": "../build",
@@ -13,7 +13,7 @@
 		"windows": [
 			{
 				"center": true,
-				"title": "Hierarchical Electrical Design Analyzer v0.3.27",
+				"title": "Hierarchical Electrical Design Analyzer v0.4.29",
 				"width": 950,
 				"height": 650,
 				"minWidth": 950,

src/lib/assets/icons/index.ts

@@ -29,4 +29,6 @@ export { default as ChevronDown } from 'lucide-svelte/icons/chevron-down';
 export { default as FileClock } from 'lucide-svelte/icons/file-clock';
 export { default as History } from 'lucide-svelte/icons/history';
 export { default as PackageCheck } from 'lucide-svelte/icons/package-check';
-export { default as FileUp } from 'lucide-svelte/icons/file-up';
+export { default as FileUp } from 'lucide-svelte/icons/file-up';
+export { default as CloudAlert } from 'lucide-svelte/icons/cloud-alert';
+export { default as  SunMoon } from 'lucide-svelte/icons/sun-moon';

src/lib/components/custom/load/add-load-dialog.svelte

@@ -9,7 +9,7 @@
 	import { cn } from '@/utils';
 	import Separator from '@/components/ui/separator/separator.svelte';
 	import { getNodeById } from '@/db/queries';
-	import { page } from '$app/stores';
+	import { page } from '$app/state';
 
 	interface Props {
 		phase_main_load_form: SuperValidated<GenericPhaseMainLoadSchema>;
@@ -31,7 +31,7 @@
 	}: Props = $props();
 </script>
 
-<div class="flex flex-col gap-2 p-1">
+<div class="flex flex-col gap-2">
 	{#if !remove_trigger}
 		CRKT NO.
 	{/if}
@@ -57,7 +57,7 @@
 						<div>
 							<div class="flex gap-1">
 								<h4 class="font-semibold">Supply From:</h4>
-								{#await getNodeById(panel_id_from_tree || $page.params.id
+								{#await getNodeById(panel_id_from_tree || page.params.id
 											.split('_')
 											.at(-1) || '') then parent_node}
 									<p>

src/lib/components/custom/load/generic-phase-main-load-form.svelte

@@ -27,7 +27,7 @@
 		load_type_to_quantity_label
 	} from '@/constants';
 	import { generic_phase_main_load_schema, type GenericPhaseMainLoadSchema } from '@/schema/load';
-	import { page } from '$app/stores';
+	import { page } from '$app/state';
 	import { addNode, updateNode } from '@/db/mutations';
 	import { checkNodeExists } from '@/db/queries';
 	import { invalidate, invalidateAll } from '$app/navigation';
@@ -36,6 +36,9 @@
 	import type { LoadType, QuantityLabel, TerminalTemperature, VariesLabel } from '@/types/load';
 	import { dev } from '$app/environment';
 	import { formatFraction } from '@/utils/format';
+	import { getUndoRedoState } from '@/hooks/undo-redo.svelte';
+	import type { PhaseLoadSchedule } from '@/types/load/one_phase';
+	import { Collapsibles } from '@/hooks/node-collapsibles.svelte';
 
 	interface Props {
 		phase_main_load_form: T;
@@ -59,6 +62,9 @@
 		panel_id_from_tree
 	}: Props = $props();
 
+	let undo_redo_state = getUndoRedoState();
+	let collapsibles = new Collapsibles();
+
 	const form = superForm(phase_main_load_form, {
 		SPA: true,
 		validators: zodClient(generic_phase_main_load_schema),
@@ -125,19 +131,29 @@
 					} as GenericPhaseMainLoadSchema & { config_preference: 'CUSTOM' | 'DEFAULT' };
 					switch (action) {
 						case 'add':
-							await addNode({
+							const added_node = await addNode({
 								load_data,
 								parent_id: panel_id_from_tree || panel_id_from_params || ''
 							});
 							toast.success(`${load_description} added successfully`);
+							undo_redo_state.setActionToUndo({
+								data: added_node as unknown as PhaseLoadSchedule,
+								action: 'create_node'
+							});
+							collapsibles.addNodeId(panel_id_from_tree || panel_id_from_params);
 							break;
 						case 'edit':
 							if (node_to_edit && selected_parent_id) {
-								await updateNode({
+								const updated_node = await updateNode({
 									load_data,
 									id: node_to_edit.id,
 									parent_id: selected_parent_id
 								});
+								undo_redo_state.setActionToUndo({
+									action: 'update_node',
+									data: updated_node as unknown as PhaseLoadSchedule,
+									previous_data: node_to_edit as PhaseLoadSchedule
+								});
 								toast.success('Load updated successfully');
 							}
 							break;
@@ -150,7 +166,7 @@
 	});
 	const { form: formData, enhance } = form;
 
-	const panel_id_from_params = $page.params.id.split('_').at(-1); //gets the id of the parent node (panel) of the loads
+	const panel_id_from_params = page.params?.id?.split('_')?.at(-1) || ''; //gets the id of the parent node (panel) of the loads
 
 	const variesLabel: VariesLabel | 'Varies' = $derived(
 		$formData.load_type ? load_type_to_varies_label[$formData.load_type] : 'Varies'

src/lib/components/custom/override-selectors.svelte

@@ -13,6 +13,8 @@
 	import { toast } from 'svelte-sonner';
 	import * as Select from '$lib/components/ui/select/index.js';
 	import Input from '@/components/ui/input/input.svelte';
+	import { getUndoRedoState } from '@/hooks/undo-redo.svelte';
+	import type { PhaseLoadSchedule } from '@/types/load/one_phase';
 
 	let {
 		node_id,
@@ -25,7 +27,7 @@
 		current_ampere_frames
 	}: {
 		node_id: string;
-		closeDialog: () => void;
+		closeDialog: () => void;	
 		current_at: number;
 		current_ampere_frames: number;
 		current_conductor_size: number;
@@ -40,6 +42,8 @@
 		};
 	} = $props();
 
+	let undo_redo_state = getUndoRedoState();
+
 	// AT
 	const at_default_index = standard_ampere_ratings.findIndex((rating) => current_at === rating);
 	let at_current_index = $state(at_default_index);
@@ -91,40 +95,68 @@
 
 		if (selected_ampere_rating) {
 			if (selected_ampere_rating !== current_at) {
-				await overrideField({ node_id, field_data: selected_ampere_rating, field_type: 'at' });
+				const updated_node = await overrideField({
+					node_id,
+					field_data: selected_ampere_rating,
+					field_type: 'at'
+				});
 				overridden_fields.push('AT');
+				undo_redo_state.setActionToUndo({
+					data: updated_node as unknown as PhaseLoadSchedule,
+					action: 'override_at'
+				});
 			}
 
 			if (selected_conductor_size !== current_conductor_size) {
-				await overrideField({
+				const updated_node = await overrideField({
 					node_id,
 					field_data: selected_conductor_size,
 					field_type: 'conductor_size'
 				});
 				overridden_fields.push('Conductor Size');
+				undo_redo_state.setActionToUndo({
+					data: updated_node as unknown as PhaseLoadSchedule,
+					action: 'override_conductor_size'
+				});
 			}
 
 			if (selected_egc_size !== current_egc_size) {
-				await overrideField({ node_id, field_data: selected_egc_size, field_type: 'egc_size' });
+				const updated_node = await overrideField({
+					node_id,
+					field_data: selected_egc_size,
+					field_type: 'egc_size'
+				});
 				overridden_fields.push('EGC Size');
+				undo_redo_state.setActionToUndo({
+					data: updated_node as unknown as PhaseLoadSchedule,
+					action: 'override_egc_size'
+				});
 			}
 
 			if (selected_conduit_size !== current_conduit_size) {
-				await overrideField({
+				const updated_node = await overrideField({
 					node_id,
 					field_data: selected_conduit_size,
 					field_type: 'conduit_size'
 				});
 				overridden_fields.push('Conduit Size');
+				undo_redo_state.setActionToUndo({
+					data: updated_node as unknown as PhaseLoadSchedule,
+					action: 'override_conduit_size'
+				});
 			}
 
 			if (ampere_frames !== current_ampere_frames.toString()) {
-				await overrideField({
+				const updated_node = await overrideField({
 					node_id,
 					field_data: Number(ampere_frames),
 					field_type: 'ampere_frames'
 				});
 				overridden_fields.push('Ampere Frames (AT)');
+				undo_redo_state.setActionToUndo({
+					data: updated_node as unknown as PhaseLoadSchedule,
+					action: 'override_af'
+				});
 			}
 
 			if (overridden_fields.length > 0) {

src/lib/components/custom/panel/generic-phase-main-panel-form.svelte

@@ -22,10 +22,13 @@
 	import { convertToNormalText } from '@/utils/text';
 	import { addNode, updateNode } from '@/db/mutations';
 	import { checkNodeExists } from '@/db/queries';
-	import { invalidate, invalidateAll } from '$app/navigation';
+	import { invalidate } from '$app/navigation';
 	import type { Node } from '@/db/schema';
 	import type { TerminalTemperature } from '@/types/load';
 	import ScrollArea from '@/components/ui/scroll-area/scroll-area.svelte';
+	import { getUndoRedoState } from '@/hooks/undo-redo.svelte';
+	import type { PhaseLoadSchedule } from '@/types/load/one_phase';
+	import { Collapsibles } from '@/hooks/node-collapsibles.svelte';
 
 	interface Props {
 		generic_phase_panel_form: T;
@@ -49,6 +52,9 @@
 		selected_parent_id
 	}: Props = $props();
 
+	let undo_redo_state = getUndoRedoState();
+	let collapsibles = new Collapsibles();
+
 	const form = superForm(generic_phase_panel_form, {
 		SPA: true,
 		validators: zodClient(generic_phase_panel_schema),
@@ -76,16 +82,27 @@
 
 				switch (action) {
 					case 'add':
-						await addNode({ parent_id, panel_data: form.data });
+						const added_node = await addNode({ parent_id, panel_data: form.data });
+						toast.success(`${form.data.name} added successfully`);
+						undo_redo_state.setActionToUndo({
+							data: added_node as unknown as PhaseLoadSchedule,
+							action: 'create_node'
+						});
+						collapsibles.addNodeId(parent_id);
 						break;
 					case 'edit':
 						if (node_to_edit && selected_parent_id) {
-							await updateNode({
+							const updated_node = await updateNode({
 								panel_data: form.data,
 								id: node_to_edit.id,
 								parent_id: selected_parent_id
 							});
 							toast.success('Panel updated successfully');
+							undo_redo_state.setActionToUndo({
+								data: updated_node as unknown as PhaseLoadSchedule,
+								previous_data: node_to_edit as PhaseLoadSchedule,
+								action: 'update_node'
+							});
 						}
 						break;
 				}