Add Material UI login page sample and menu via tsx

jkone27 · jkone27 · commit f0fc1039ca5f · 2024-12-10T23:46:54.000+01:00
Todo: fix , just a test --- For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/jkone27/feliz-vite?shareId=XXXX-XXXX-XXXX-XXXX).
diff --git a/src/App.fs b/src/App.fs
@@ -3,10 +3,44 @@
 open Feliz
 open Browser.Dom
 open Fable.Core.JsInterop
-
+open Feliz.Router
 
 importSideEffects "./index.css"
-        
 
 let root = ReactDOM.createRoot(document.getElementById "root")
-root.render(App.Components.Counter())
+
+let menu = 
+    Html.div [
+        Html.a [
+            prop.href (Router.formatPath [])
+            prop.text "Home"
+        ]
+        Html.a [
+            prop.href (Router.formatPath ["login"])
+            prop.text "Login"
+        ]
+    ]
+
+let homePage = 
+    Html.div [
+        menu
+        App.Components.Counter()
+    ]
+
+let loginPage = 
+    Html.div [
+        menu
+        App.Components.MaterialUiLogin()
+    ]
+
+let app = 
+    React.router [
+        router.onUrlChanged (fun url ->
+            match url with
+            | [] -> homePage
+            | ["login"] -> loginPage
+            | _ -> Html.h1 "Page not found"
+        )
+    ]
+
+root.render(app)
diff --git a/src/Components.fs b/src/Components.fs
@@ -69,4 +69,52 @@ type Components() =
                 prop.className "read-the-docs"
                 prop.text " Click on the Vite, React or Fable Vite Plugin logos to learn more"
             ]
-        ]
+        ]
+
+    [<ReactComponent>]
+    static member MaterialUiLogin() =
+        let (username, setUsername) = React.useState("")
+        let (password, setPassword) = React.useState("")
+        let (message, setMessage) = React.useState("")
+
+        let handleSubmit (e: Browser.Types.Event) =
+            e.preventDefault()
+            setMessage("Login successful!")
+
+        Html.div [
+            Html.h2 "Login"
+            Html.form [
+                prop.onSubmit handleSubmit
+                prop.children [
+                    Html.div [
+                        Html.label [
+                            prop.htmlFor "username"
+                            prop.text "Username"
+                        ]
+                        Html.input [
+                            prop.id "username"
+                            prop.type' "text"
+                            prop.value username
+                            prop.onChange (fun (e: string) -> setUsername(e))
+                        ]
+                    ]
+                    Html.div [
+                        Html.label [
+                            prop.htmlFor "password"
+                            prop.text "Password"
+                        ]
+                        Html.input [
+                            prop.id "password"
+                            prop.type' "password"
+                            prop.value password
+                            prop.onChange (fun (e: string) -> setPassword(e))
+                        ]
+                    ]
+                    Html.button [
+                        prop.type' "submit"
+                        prop.text "Submit"
+                    ]
+                ]
+            ]
+            Html.p message
+        ]
diff --git a/src/Components.test.fs b/src/Components.test.fs
@@ -28,3 +28,23 @@ Jest.describe("Counter component", fun () ->
         Jest.expect(updatedButtonElement).toBeInTheDocument()
     )
 )
+
+Jest.describe("MaterialUiLogin component", fun () ->
+    let element = RTL.render(Components.MaterialUiLogin())
+
+    Jest.test("should render login form", fun () ->
+        let usernameLabel = element.getByText("Username")
+        let passwordLabel = element.getByText("Password")
+        let submitButton = element.getByText("Submit")
+        Jest.expect(usernameLabel).toBeInTheDocument()
+        Jest.expect(passwordLabel).toBeInTheDocument()
+        Jest.expect(submitButton).toBeInTheDocument()
+    )
+
+    Jest.test("should show success message on submit", fun () ->
+        let submitButton = element.getByText("Submit")
+        RTL.fireEvent.click(submitButton)
+        let successMessage = element.getByText("Login successful!")
+        Jest.expect(successMessage).toBeInTheDocument()
+    )
+)
diff --git a/src/MaterialUiLogin.tsx b/src/MaterialUiLogin.tsx
@@ -0,0 +1,42 @@
+import React, { useState } from 'react';
+
+const MaterialUiLogin = () => {
+    const [username, setUsername] = useState('');
+    const [password, setPassword] = useState('');
+    const [message, setMessage] = useState('');
+
+    const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+        e.preventDefault();
+        setMessage('Login successful!');
+    };
+
+    return (
+        <div>
+            <h2>Login</h2>
+            <form onSubmit={handleSubmit}>
+                <div>
+                    <label htmlFor="username">Username</label>
+                    <input
+                        id="username"
+                        type="text"
+                        value={username}
+                        onChange={(e: React.ChangeEvent<HTMLInputElement>) => setUsername(e.target.value)}
+                    />
+                </div>
+                <div>
+                    <label htmlFor="password">Password</label>
+                    <input
+                        id="password"
+                        type="password"
+                        value={password}
+                        onChange={(e: React.ChangeEvent<HTMLInputElement>) => setPassword(e.target.value)}
+                    />
+                </div>
+                <button type="submit">Submit</button>
+            </form>
+            <p>{message}</p>
+        </div>
+    );
+};
+
+export default MaterialUiLogin;
diff --git a/vite.config.js.timestamp-1733870212141-dacea9d063481.mjs b/vite.config.js.timestamp-1733870212141-dacea9d063481.mjs
@@ -0,0 +1,41 @@
+// vite.config.js
+import { defineConfig } from "file:///workspaces/feliz-vite/node_modules/vite/dist/node/index.js";
+import fable from "file:///workspaces/feliz-vite/node_modules/vite-plugin-fable/index.js";
+import react from "file:///workspaces/feliz-vite/node_modules/@vitejs/plugin-react/dist/index.mjs";
+import { configDefaults } from "file:///workspaces/feliz-vite/node_modules/vitest/dist/config.js";
+var vite_config_default = defineConfig({
+  // order of plugins matters, fable needs to be first
+  plugins: [
+    fable({
+      fsproj: "./src/App.fsproj",
+      jsx: "automatic"
+    }),
+    react({
+      include: /\.(fs|js|jsx|ts|tsx)$/,
+      jsxRuntime: "classic"
+    })
+  ],
+  root: "./src",
+  build: {
+    outDir: "../dist",
+    sourcemap: "inline"
+  },
+  define: {
+    // required if u have: `process is undefined` 
+    // while loading react jsoncomponents
+    "process.env": {}
+  },
+  test: {
+    include: ["**/*.{test,spec}.{js,jsx,ts,tsx,fs}"],
+    exclude: [...configDefaults.exclude, "dist", ".idea", ".git", ".cache"],
+    environment: "jsdom",
+    setupFiles: "../vitest.ts",
+    transform: {
+      "^.+\\.fs$": "vite-plugin-fable"
+    }
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvd29ya3NwYWNlcy9mZWxpei12aXRlXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvd29ya3NwYWNlcy9mZWxpei12aXRlL3ZpdGUuY29uZmlnLmpzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy93b3Jrc3BhY2VzL2ZlbGl6LXZpdGUvdml0ZS5jb25maWcuanNcIjtpbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJztcbmltcG9ydCBmYWJsZSBmcm9tICd2aXRlLXBsdWdpbi1mYWJsZSc7XG5pbXBvcnQgcmVhY3QgZnJvbSAnQHZpdGVqcy9wbHVnaW4tcmVhY3QnO1xuaW1wb3J0IHsgY29uZmlnRGVmYXVsdHMgfSBmcm9tICd2aXRlc3QvY29uZmlnJztcblxuLy8gaHR0cHM6Ly9ub2phZi5jb20vdml0ZS1wbHVnaW4tZmFibGUvcmVjaXBlcy5odG1sI1VzaW5nLVJlYWN0XG4vLyBodHRwczovL25vamFmLmNvbS92aXRlLXBsdWdpbi1mYWJsZS9yZWNpcGVzLmh0bWwjRmFibGUtQ29yZS1KU1hcblxuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29uZmlnKHtcbiAvLyBvcmRlciBvZiBwbHVnaW5zIG1hdHRlcnMsIGZhYmxlIG5lZWRzIHRvIGJlIGZpcnN0XG4gcGx1Z2luczogW1xuIFxuICBmYWJsZSh7IFxuICAgZnNwcm9qOiBcIi4vc3JjL0FwcC5mc3Byb2pcIiwgXG4gICBqc3g6ICdhdXRvbWF0aWMnXG4gIH0pLFxuICByZWFjdCh7XG4gICBpbmNsdWRlOiAvXFwuKGZzfGpzfGpzeHx0c3x0c3gpJC8sXG4gICBqc3hSdW50aW1lOiBcImNsYXNzaWNcIlxuICB9KVxuIF0sXG4gcm9vdDogXCIuL3NyY1wiLFxuIGJ1aWxkOiB7XG4gb3V0RGlyOiBcIi4uL2Rpc3RcIixcbiBzb3VyY2VtYXA6ICdpbmxpbmUnXG4gfSxcbiBkZWZpbmU6IHtcbiAvLyByZXF1aXJlZCBpZiB1IGhhdmU6IGBwcm9jZXNzIGlzIHVuZGVmaW5lZGAgXG4gLy8gd2hpbGUgbG9hZGluZyByZWFjdCBqc29uY29tcG9uZW50c1xuICdwcm9jZXNzLmVudic6IHt9XG4gfSxcbiB0ZXN0OiB7XG4gICBpbmNsdWRlOiBbJyoqLyoue3Rlc3Qsc3BlY30ue2pzLGpzeCx0cyx0c3gsZnN9J10sXG4gICBleGNsdWRlOiBbLi4uY29uZmlnRGVmYXVsdHMuZXhjbHVkZSwgJ2Rpc3QnLCAnLmlkZWEnLCAnLmdpdCcsICcuY2FjaGUnXSxcbiAgIGVudmlyb25tZW50OiAnanNkb20nLFxuICAgc2V0dXBGaWxlczogJy4uL3ZpdGVzdC50cycsIFxuICAgdHJhbnNmb3JtOiB7XG4gICAgICdeLitcXFxcLmZzJCc6ICd2aXRlLXBsdWdpbi1mYWJsZSdcbiAgIH1cbiB9XG59KVxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUFvUCxTQUFTLG9CQUFvQjtBQUNqUixPQUFPLFdBQVc7QUFDbEIsT0FBTyxXQUFXO0FBQ2xCLFNBQVMsc0JBQXNCO0FBSy9CLElBQU8sc0JBQVEsYUFBYTtBQUFBO0FBQUEsRUFFM0IsU0FBUztBQUFBLElBRVIsTUFBTTtBQUFBLE1BQ0wsUUFBUTtBQUFBLE1BQ1IsS0FBSztBQUFBLElBQ04sQ0FBQztBQUFBLElBQ0QsTUFBTTtBQUFBLE1BQ0wsU0FBUztBQUFBLE1BQ1QsWUFBWTtBQUFBLElBQ2IsQ0FBQztBQUFBLEVBQ0Y7QUFBQSxFQUNBLE1BQU07QUFBQSxFQUNOLE9BQU87QUFBQSxJQUNQLFFBQVE7QUFBQSxJQUNSLFdBQVc7QUFBQSxFQUNYO0FBQUEsRUFDQSxRQUFRO0FBQUE7QUFBQTtBQUFBLElBR1IsZUFBZSxDQUFDO0FBQUEsRUFDaEI7QUFBQSxFQUNBLE1BQU07QUFBQSxJQUNKLFNBQVMsQ0FBQyxxQ0FBcUM7QUFBQSxJQUMvQyxTQUFTLENBQUMsR0FBRyxlQUFlLFNBQVMsUUFBUSxTQUFTLFFBQVEsUUFBUTtBQUFBLElBQ3RFLGFBQWE7QUFBQSxJQUNiLFlBQVk7QUFBQSxJQUNaLFdBQVc7QUFBQSxNQUNULGFBQWE7QUFBQSxJQUNmO0FBQUEsRUFDRjtBQUNELENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==
diff --git a/vite.config.js.timestamp-1733870351440-fe6784763020d.mjs b/vite.config.js.timestamp-1733870351440-fe6784763020d.mjs
@@ -0,0 +1,41 @@
+// vite.config.js
+import { defineConfig } from "file:///workspaces/feliz-vite/node_modules/vite/dist/node/index.js";
+import fable from "file:///workspaces/feliz-vite/node_modules/vite-plugin-fable/index.js";
+import react from "file:///workspaces/feliz-vite/node_modules/@vitejs/plugin-react/dist/index.mjs";
+import { configDefaults } from "file:///workspaces/feliz-vite/node_modules/vitest/dist/config.js";
+var vite_config_default = defineConfig({
+  // order of plugins matters, fable needs to be first
+  plugins: [
+    fable({
+      fsproj: "./src/App.fsproj",
+      jsx: "automatic"
+    }),
+    react({
+      include: /\.(fs|js|jsx|ts|tsx)$/,
+      jsxRuntime: "classic"
+    })
+  ],
+  root: "./src",
+  build: {
+    outDir: "../dist",
+    sourcemap: "inline"
+  },
+  define: {
+    // required if u have: `process is undefined` 
+    // while loading react jsoncomponents
+    "process.env": {}
+  },
+  test: {
+    include: ["**/*.{test,spec}.{js,jsx,ts,tsx,fs}"],
+    exclude: [...configDefaults.exclude, "dist", ".idea", ".git", ".cache"],
+    environment: "jsdom",
+    setupFiles: "../vitest.ts",
+    transform: {
+      "^.+\\.fs$": "vite-plugin-fable"
+    }
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvd29ya3NwYWNlcy9mZWxpei12aXRlXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvd29ya3NwYWNlcy9mZWxpei12aXRlL3ZpdGUuY29uZmlnLmpzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy93b3Jrc3BhY2VzL2ZlbGl6LXZpdGUvdml0ZS5jb25maWcuanNcIjtpbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJztcbmltcG9ydCBmYWJsZSBmcm9tICd2aXRlLXBsdWdpbi1mYWJsZSc7XG5pbXBvcnQgcmVhY3QgZnJvbSAnQHZpdGVqcy9wbHVnaW4tcmVhY3QnO1xuaW1wb3J0IHsgY29uZmlnRGVmYXVsdHMgfSBmcm9tICd2aXRlc3QvY29uZmlnJztcblxuLy8gaHR0cHM6Ly9ub2phZi5jb20vdml0ZS1wbHVnaW4tZmFibGUvcmVjaXBlcy5odG1sI1VzaW5nLVJlYWN0XG4vLyBodHRwczovL25vamFmLmNvbS92aXRlLXBsdWdpbi1mYWJsZS9yZWNpcGVzLmh0bWwjRmFibGUtQ29yZS1KU1hcblxuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29uZmlnKHtcbiAvLyBvcmRlciBvZiBwbHVnaW5zIG1hdHRlcnMsIGZhYmxlIG5lZWRzIHRvIGJlIGZpcnN0XG4gcGx1Z2luczogW1xuIFxuICBmYWJsZSh7IFxuICAgZnNwcm9qOiBcIi4vc3JjL0FwcC5mc3Byb2pcIiwgXG4gICBqc3g6ICdhdXRvbWF0aWMnXG4gIH0pLFxuICByZWFjdCh7XG4gICBpbmNsdWRlOiAvXFwuKGZzfGpzfGpzeHx0c3x0c3gpJC8sXG4gICBqc3hSdW50aW1lOiBcImNsYXNzaWNcIlxuICB9KVxuIF0sXG4gcm9vdDogXCIuL3NyY1wiLFxuIGJ1aWxkOiB7XG4gb3V0RGlyOiBcIi4uL2Rpc3RcIixcbiBzb3VyY2VtYXA6ICdpbmxpbmUnXG4gfSxcbiBkZWZpbmU6IHtcbiAvLyByZXF1aXJlZCBpZiB1IGhhdmU6IGBwcm9jZXNzIGlzIHVuZGVmaW5lZGAgXG4gLy8gd2hpbGUgbG9hZGluZyByZWFjdCBqc29uY29tcG9uZW50c1xuICdwcm9jZXNzLmVudic6IHt9XG4gfSxcbiB0ZXN0OiB7XG4gICBpbmNsdWRlOiBbJyoqLyoue3Rlc3Qsc3BlY30ue2pzLGpzeCx0cyx0c3gsZnN9J10sXG4gICBleGNsdWRlOiBbLi4uY29uZmlnRGVmYXVsdHMuZXhjbHVkZSwgJ2Rpc3QnLCAnLmlkZWEnLCAnLmdpdCcsICcuY2FjaGUnXSxcbiAgIGVudmlyb25tZW50OiAnanNkb20nLFxuICAgc2V0dXBGaWxlczogJy4uL3ZpdGVzdC50cycsIFxuICAgdHJhbnNmb3JtOiB7XG4gICAgICdeLitcXFxcLmZzJCc6ICd2aXRlLXBsdWdpbi1mYWJsZSdcbiAgIH1cbiB9XG59KVxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUFvUCxTQUFTLG9CQUFvQjtBQUNqUixPQUFPLFdBQVc7QUFDbEIsT0FBTyxXQUFXO0FBQ2xCLFNBQVMsc0JBQXNCO0FBSy9CLElBQU8sc0JBQVEsYUFBYTtBQUFBO0FBQUEsRUFFM0IsU0FBUztBQUFBLElBRVIsTUFBTTtBQUFBLE1BQ0wsUUFBUTtBQUFBLE1BQ1IsS0FBSztBQUFBLElBQ04sQ0FBQztBQUFBLElBQ0QsTUFBTTtBQUFBLE1BQ0wsU0FBUztBQUFBLE1BQ1QsWUFBWTtBQUFBLElBQ2IsQ0FBQztBQUFBLEVBQ0Y7QUFBQSxFQUNBLE1BQU07QUFBQSxFQUNOLE9BQU87QUFBQSxJQUNQLFFBQVE7QUFBQSxJQUNSLFdBQVc7QUFBQSxFQUNYO0FBQUEsRUFDQSxRQUFRO0FBQUE7QUFBQTtBQUFBLElBR1IsZUFBZSxDQUFDO0FBQUEsRUFDaEI7QUFBQSxFQUNBLE1BQU07QUFBQSxJQUNKLFNBQVMsQ0FBQyxxQ0FBcUM7QUFBQSxJQUMvQyxTQUFTLENBQUMsR0FBRyxlQUFlLFNBQVMsUUFBUSxTQUFTLFFBQVEsUUFBUTtBQUFBLElBQ3RFLGFBQWE7QUFBQSxJQUNiLFlBQVk7QUFBQSxJQUNaLFdBQVc7QUFBQSxNQUNULGFBQWE7QUFBQSxJQUNmO0FBQUEsRUFDRjtBQUNELENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==
diff --git a/vite.config.js.timestamp-1733870534252-f8db3d9f2f4e4.mjs b/vite.config.js.timestamp-1733870534252-f8db3d9f2f4e4.mjs
@@ -0,0 +1,41 @@
+// vite.config.js
+import { defineConfig } from "file:///workspaces/feliz-vite/node_modules/vite/dist/node/index.js";
+import fable from "file:///workspaces/feliz-vite/node_modules/vite-plugin-fable/index.js";
+import react from "file:///workspaces/feliz-vite/node_modules/@vitejs/plugin-react/dist/index.mjs";
+import { configDefaults } from "file:///workspaces/feliz-vite/node_modules/vitest/dist/config.js";
+var vite_config_default = defineConfig({
+  // order of plugins matters, fable needs to be first
+  plugins: [
+    fable({
+      fsproj: "./src/App.fsproj",
+      jsx: "automatic"
+    }),
+    react({
+      include: /\.(fs|js|jsx|ts|tsx)$/,
+      jsxRuntime: "classic"
+    })
+  ],
+  root: "./src",
+  build: {
+    outDir: "../dist",
+    sourcemap: "inline"
+  },
+  define: {
+    // required if u have: `process is undefined` 
+    // while loading react jsoncomponents
+    "process.env": {}
+  },
+  test: {
+    include: ["**/*.{test,spec}.{js,jsx,ts,tsx,fs}"],
+    exclude: [...configDefaults.exclude, "dist", ".idea", ".git", ".cache"],
+    environment: "jsdom",
+    setupFiles: "../vitest.ts",
+    transform: {
+      "^.+\\.fs$": "vite-plugin-fable"
+    }
+  }
+});
+export {
+  vite_config_default as default
+};
+//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvd29ya3NwYWNlcy9mZWxpei12aXRlXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ZpbGVuYW1lID0gXCIvd29ya3NwYWNlcy9mZWxpei12aXRlL3ZpdGUuY29uZmlnLmpzXCI7Y29uc3QgX192aXRlX2luamVjdGVkX29yaWdpbmFsX2ltcG9ydF9tZXRhX3VybCA9IFwiZmlsZTovLy93b3Jrc3BhY2VzL2ZlbGl6LXZpdGUvdml0ZS5jb25maWcuanNcIjtpbXBvcnQgeyBkZWZpbmVDb25maWcgfSBmcm9tICd2aXRlJztcbmltcG9ydCBmYWJsZSBmcm9tICd2aXRlLXBsdWdpbi1mYWJsZSc7XG5pbXBvcnQgcmVhY3QgZnJvbSAnQHZpdGVqcy9wbHVnaW4tcmVhY3QnO1xuaW1wb3J0IHsgY29uZmlnRGVmYXVsdHMgfSBmcm9tICd2aXRlc3QvY29uZmlnJztcblxuLy8gaHR0cHM6Ly9ub2phZi5jb20vdml0ZS1wbHVnaW4tZmFibGUvcmVjaXBlcy5odG1sI1VzaW5nLVJlYWN0XG4vLyBodHRwczovL25vamFmLmNvbS92aXRlLXBsdWdpbi1mYWJsZS9yZWNpcGVzLmh0bWwjRmFibGUtQ29yZS1KU1hcblxuZXhwb3J0IGRlZmF1bHQgZGVmaW5lQ29uZmlnKHtcbiAvLyBvcmRlciBvZiBwbHVnaW5zIG1hdHRlcnMsIGZhYmxlIG5lZWRzIHRvIGJlIGZpcnN0XG4gcGx1Z2luczogW1xuIFxuICBmYWJsZSh7IFxuICAgZnNwcm9qOiBcIi4vc3JjL0FwcC5mc3Byb2pcIiwgXG4gICBqc3g6ICdhdXRvbWF0aWMnXG4gIH0pLFxuICByZWFjdCh7XG4gICBpbmNsdWRlOiAvXFwuKGZzfGpzfGpzeHx0c3x0c3gpJC8sXG4gICBqc3hSdW50aW1lOiBcImNsYXNzaWNcIlxuICB9KVxuIF0sXG4gcm9vdDogXCIuL3NyY1wiLFxuIGJ1aWxkOiB7XG4gb3V0RGlyOiBcIi4uL2Rpc3RcIixcbiBzb3VyY2VtYXA6ICdpbmxpbmUnXG4gfSxcbiBkZWZpbmU6IHtcbiAvLyByZXF1aXJlZCBpZiB1IGhhdmU6IGBwcm9jZXNzIGlzIHVuZGVmaW5lZGAgXG4gLy8gd2hpbGUgbG9hZGluZyByZWFjdCBqc29uY29tcG9uZW50c1xuICdwcm9jZXNzLmVudic6IHt9XG4gfSxcbiB0ZXN0OiB7XG4gICBpbmNsdWRlOiBbJyoqLyoue3Rlc3Qsc3BlY30ue2pzLGpzeCx0cyx0c3gsZnN9J10sXG4gICBleGNsdWRlOiBbLi4uY29uZmlnRGVmYXVsdHMuZXhjbHVkZSwgJ2Rpc3QnLCAnLmlkZWEnLCAnLmdpdCcsICcuY2FjaGUnXSxcbiAgIGVudmlyb25tZW50OiAnanNkb20nLFxuICAgc2V0dXBGaWxlczogJy4uL3ZpdGVzdC50cycsIFxuICAgdHJhbnNmb3JtOiB7XG4gICAgICdeLitcXFxcLmZzJCc6ICd2aXRlLXBsdWdpbi1mYWJsZSdcbiAgIH1cbiB9XG59KVxuIl0sCiAgIm1hcHBpbmdzIjogIjtBQUFvUCxTQUFTLG9CQUFvQjtBQUNqUixPQUFPLFdBQVc7QUFDbEIsT0FBTyxXQUFXO0FBQ2xCLFNBQVMsc0JBQXNCO0FBSy9CLElBQU8sc0JBQVEsYUFBYTtBQUFBO0FBQUEsRUFFM0IsU0FBUztBQUFBLElBRVIsTUFBTTtBQUFBLE1BQ0wsUUFBUTtBQUFBLE1BQ1IsS0FBSztBQUFBLElBQ04sQ0FBQztBQUFBLElBQ0QsTUFBTTtBQUFBLE1BQ0wsU0FBUztBQUFBLE1BQ1QsWUFBWTtBQUFBLElBQ2IsQ0FBQztBQUFBLEVBQ0Y7QUFBQSxFQUNBLE1BQU07QUFBQSxFQUNOLE9BQU87QUFBQSxJQUNQLFFBQVE7QUFBQSxJQUNSLFdBQVc7QUFBQSxFQUNYO0FBQUEsRUFDQSxRQUFRO0FBQUE7QUFBQTtBQUFBLElBR1IsZUFBZSxDQUFDO0FBQUEsRUFDaEI7QUFBQSxFQUNBLE1BQU07QUFBQSxJQUNKLFNBQVMsQ0FBQyxxQ0FBcUM7QUFBQSxJQUMvQyxTQUFTLENBQUMsR0FBRyxlQUFlLFNBQVMsUUFBUSxTQUFTLFFBQVEsUUFBUTtBQUFBLElBQ3RFLGFBQWE7QUFBQSxJQUNiLFlBQVk7QUFBQSxJQUNaLFdBQVc7QUFBQSxNQUNULGFBQWE7QUFBQSxJQUNmO0FBQUEsRUFDRjtBQUNELENBQUM7IiwKICAibmFtZXMiOiBbXQp9Cg==
diff --git a/vite.config.js.timestamp-1733870686739-a54f400a60bd6.mjs b/vite.config.js.timestamp-1733870686739-a54f400a60bd6.mjs
