chore: tweak base height, font size, fix default values for inputs

Author: battlesquid

packages/app/src/components/sidebar_inputs/base_shape.tsx

@@ -1,9 +1,10 @@
 import { Select } from "@mantine/core";
-import { useParametersContext } from "../../stores/parameters";
+import { getParametersStore, useParametersContext } from "../../stores/parameters";
 import { SkylineBaseShape } from "../../three/types";
 import { capitalize } from "../../utils";
 
 export function BaseShapeInput() {
+    const DEFAULT_VALUE = getParametersStore().getInitialState().inputs.shape;
 	const setInputs = useParametersContext((state) => state.setInputs);
 	return (
 		<Select
@@ -18,7 +19,7 @@ export function BaseShapeInput() {
 					label: capitalize(SkylineBaseShape.Frustum),
 				},
 			]}
-			defaultValue={SkylineBaseShape.Prism}
+			defaultValue={DEFAULT_VALUE}
 			allowDeselect={false}
 			onChange={(value) => {
 				if (value === null) {

packages/app/src/components/sidebar_inputs/export_format.tsx

@@ -1,8 +1,9 @@
 import { Select } from "@mantine/core";
-import { useParametersContext } from "../../stores/parameters";
+import { getParametersStore, useParametersContext } from "../../stores/parameters";
 import { ExportFormat } from "../../three/export";
 
 export function ExportFormatInput() {
+    const DEFAULT_VALUE = getParametersStore().getInitialState().inputs.exportFormat;
 	const setInputs = useParametersContext((state) => state.setInputs);
 	return (
 		<Select
@@ -17,7 +18,7 @@ export function ExportFormatInput() {
 					label: ExportFormat.Stl.toUpperCase(),
 				},
 			]}
-			defaultValue={ExportFormat.ThreeMF}
+			defaultValue={DEFAULT_VALUE}
 			allowDeselect={false}
 			onChange={(value) => {
 				if (value === null) {

packages/app/src/stores/parameters.ts

@@ -61,7 +61,7 @@ export const getComputedParameters = (
 ): SkylineModelComputedParameters => {
 	const modelLength = WEEKS_IN_YEAR * inputs.towerSize;
 	const modelWidth = DAYS_IN_WEEK * inputs.towerSize;
-	const platformHeight = inputs.towerSize * 3;
+	const platformHeight = inputs.towerSize * 3.2;
 	const halfPlatformHeight = platformHeight / 2;
 	const textSize = platformHeight / 2.2;
 	const towerSizeOffset = inputs.towerSize / 2;

packages/app/src/three/skyline_base.tsx

@@ -71,7 +71,7 @@ export function SkylineBase({ years }: SkylineBaseProps) {
 			points: toPolygons(
 				ttfFont,
 				computed.resolvedName,
-				computed.platformHeight / 1.75,
+				computed.platformHeight / 1.65,
 			),
 			offset: inputs.nameOffset,
 		}),
@@ -83,7 +83,7 @@ export function SkylineBase({ years }: SkylineBaseProps) {
 			points: toPolygons(
 				ttfFont,
 				computed.formattedYear,
-				computed.platformHeight / 1.75,
+				computed.platformHeight / 1.65,
 			),
 			offset: inputs.yearOffset,
 		}),