fix: turn sml version satisfactory version field to number

.envrc

@@ -1 +1 @@
-use nix
+use flake

.gitignore

@@ -304,4 +304,5 @@ $RECYCLE.BIN/
 /schema.graphql
 /graphql.schema.json
 /.svelte-kit
-/.pnpm-store
+/.pnpm-store
+.direnv

flake.nix

@@ -0,0 +1,19 @@
+{
+  description = "smr-frontend";
+
+  inputs = {
+    flake-utils.url = "github:numtide/flake-utils";
+    nixpkgs-unstable.url = "flake:nixpkgs/nixpkgs-unstable";
+  };
+
+  outputs = { self, nixpkgs, flake-utils, nixpkgs-unstable }:
+    flake-utils.lib.eachDefaultSystem
+      (system:
+        let
+            pkgs = nixpkgs.legacyPackages.${system};
+            unstable = nixpkgs-unstable.legacyPackages.${system}; in
+        {
+          devShells.default = import ./shell.nix { inherit pkgs unstable; };
+        }
+      );
+}

shell.nix

@@ -1,8 +1,5 @@
-{ pkgs ? import <nixpkgs> {} }:
+{ pkgs, unstable }:
 
-let
-  unstable = import (fetchTarball https://nixos.org/channels/nixos-unstable/nixexprs.tar.xz) { };
-in
 pkgs.mkShell {
   nativeBuildInputs = with pkgs.buildPackages; [
     unstable.bun

src/lib/components/sml-versions/SMLVersionForm.svelte

@@ -30,7 +30,10 @@
   const { form, data, addField, unsetField } = createForm<SMLVersionData>({
     initialValues: initialValues,
     extend: [validator({ schema: smlVersionSchema }), reporter],
-    onSubmit: (submitted: SMLVersionData) => onSubmit(trimNonSchema(submitted, smlVersionSchema))
+    onSubmit: (submitted: SMLVersionData) => {
+      console.log('hello', submitted);
+      return onSubmit(trimNonSchema(submitted, smlVersionSchema));
+    }
   });
 
   const addTarget = () => {
@@ -60,7 +63,7 @@
     <div class="grid grid-flow-row gap-2">
       <label class="label">
         <span>Satisfactory {$t('version')} *</span>
-        <input type="text" bind:value={$data.satisfactory_version} required class="input p-2" />
+        <input type="number" bind:value={$data.satisfactory_version} required class="input p-2" />
       </label>
       <ValidationMessage for="satisfactory_version" let:messages={message}>
         <span class="validation-message">{message || ''}</span>

src/routes/_global.postcss

@@ -265,3 +265,7 @@ body.accessibility {
   border-color: black !important;
   color: black !important;
 }
+
+.validation-message {
+  color: red;
+}