feat: add scale.type original

Author: velut

src/lib/components/ScaleOpts.svelte

@@ -18,6 +18,7 @@
 			Scale type
 		</label>
 		<select id="scale-type" class="w-full" bind:value={scale.type}>
+			<option value="original">Original scale</option>
 			<option value="same">Same scale for x and y axis</option>
 			<option value="different">Different scales for x and y axis</option>
 		</select>
@@ -33,7 +34,7 @@
 				<input id="scale-x" type="text" bind:value={scale.x} />
 			</InputWithUnit>
 		</FormField>
-	{:else}
+	{:else if scale.type === 'different'}
 		<FormField>
 			<label for="scale-x">
 				<MaterialSymbolsHeightRounded class="size-4 rotate-90" />

src/lib/render/apply-scale.ts

@@ -2,6 +2,7 @@ import type { ScaleOpts } from '$lib/types';
 
 export function applyScale(canvas: OffscreenCanvas, scale: ScaleOpts): OffscreenCanvas {
 	// Nothing to do.
+	if (scale.type === 'original') return canvas;
 	if (scale.x === 1 && scale.y === 1) return canvas;
 
 	// Scale the original image dimensions to find the closest scaled integer dimensions

src/lib/state/render-opts-state.svelte.ts

@@ -5,7 +5,7 @@ export class RenderOptsState {
 	static default(): RenderOptsRaw {
 		return structuredClone({
 			scale: {
-				type: 'same',
+				type: 'original',
 				x: '1',
 				y: '1'
 			},

src/lib/types.ts

@@ -21,7 +21,7 @@ export type AppImage = z.infer<typeof AppImage>;
 
 export const ScaleOpts = z
 	.object({
-		type: z.literal(['same', 'different']).catch('same'),
+		type: z.literal(['original', 'same', 'different']).catch('original'),
 		x: z.coerce.number<string>().catch(1),
 		y: z.coerce.number<string>().catch(1)
 	})