feat: workflows

.github/workflows/check-code.yml

@@ -0,0 +1,29 @@
+name: "Check Code"
+
+on:
+  pull_request:
+  push:
+    branches:
+      - "dev"
+      - "main"
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22.x
+
+      - name: Install Dependencies
+        run: |
+          echo "installing pnpm"
+          npm install -g pnpm
+          echo "installing deps for packages"
+          pnpm i
+
+      - name: Check Code
+        run: pnpm check

.github/workflows/check-format.yml

@@ -0,0 +1,29 @@
+name: "Check Format"
+
+on:
+  pull_request:
+  push:
+    branches:
+      - "dev"
+      - "main"
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22.x
+
+      - name: Install Dependencies
+        run: |
+          echo "installing pnpm"
+          npm install -g pnpm
+          echo "installing deps for packages"
+          pnpm i
+
+      - name: Check Format
+        run: pnpm check-format

.github/workflows/check-lint.yml

@@ -0,0 +1,29 @@
+name: "Check Lint"
+
+on:
+  pull_request:
+  push:
+    branches:
+      - "dev"
+      - "main"
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22.x
+
+      - name: Install Dependencies
+        run: |
+          echo "installing pnpm"
+          npm install -g pnpm
+          echo "installing deps for packages"
+          pnpm i
+
+      - name: Check Lint
+        run: pnpm check-lint

.node-version

@@ -1 +1 @@
-22.13.1
+22.x

infrastructure/eid-wallet/biome.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "overrides": [
+    {
+      "include": ["*.svelte", "*.astro", "*.vue"],
+      "linter": {
+        "rules": {
+          "style": {
+            "useConst": "off",
+            "useImportType": "off"
+          }
+        }
+      }
+    }
+  ]
+}

infrastructure/eid-wallet/package.json

@@ -7,14 +7,19 @@
     "dev": "vite dev",
     "build": "vite build",
     "preview": "vite preview",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json && npx @biomejs/biome check ./src",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "format": "npx @biomejs/biome format --write ./src",
+    "check-format": "npx @biomejs/biome format ./src",
+    "lint": "npx @biomejs/biome lint --write ./src",
+    "check-lint": "npx @biomejs/biome lint ./src",
     "tauri": "tauri",
     "storybook": "svelte-kit sync && storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
   "license": "MIT",
   "dependencies": {
+    "@biomejs/biome": "^1.9.4",
     "@hugeicons/core-free-icons": "^1.0.13",
     "@hugeicons/svelte": "^1.0.2",
     "@tailwindcss/container-queries": "^0.1.1",

infrastructure/eid-wallet/src/app.css

@@ -1,13 +1,13 @@
-@import 'tailwindcss';
-@import 'flag-icons/css/flag-icons.min.css';
+@import "tailwindcss";
+@import "flag-icons/css/flag-icons.min.css";
 @plugin "daisyui" {
   themes: false; /* Disable built-in themes */
-  darktheme: 'light';
+  darktheme: "light";
 }
 
 @font-face {
-  font-family: 'Archivo';
-  src: url('/fonts/Archivo-VariableFont_wdth,wght.ttf') format('truetype');
+  font-family: "Archivo";
+  src: url("/fonts/Archivo-VariableFont_wdth,wght.ttf") format("truetype");
   font-weight: 100 900;
   font-style: normal;
 }
@@ -47,7 +47,7 @@
 }
 
 body {
-  font-family: 'Archivo', sans-serif;
+  font-family: "Archivo", sans-serif;
 }
 
 /* Custom classes */

infrastructure/eid-wallet/src/lib/fragments/Header/Header.stories.ts

@@ -1,35 +1,35 @@
 import Header from "./Header.svelte";
 
 export default {
-    title: "Fragments/Header",
-    component: Header,
-    tags: ["autodocs"],
-    render: (args: any) => ({
-        Component: Header,
-        props: args,
-    }),
+	title: "Fragments/Header",
+	component: Header,
+	tags: ["autodocs"],
+	render: (args: any) => ({
+		Component: Header,
+		props: args,
+	}),
 };
 
 export const Primary = {
-    args: {
-        title: "Create PIN",
-        isBackRequired: false,
-        isUserLoggedIn: false
-    },
+	args: {
+		title: "Create PIN",
+		isBackRequired: false,
+		isUserLoggedIn: false,
+	},
 };
 
 export const Secondary = {
-    args: {
-        title: "Create PIN",
-        isBackRequired: true,
-        isUserLoggedIn: false
-    },
+	args: {
+		title: "Create PIN",
+		isBackRequired: true,
+		isUserLoggedIn: false,
+	},
 };
 
 export const Tertiary = {
-    args: {
-        title: "Create PIN",
-        isBackRequired: true,
-        isUserLoggedIn: true
-    },
-};
+	args: {
+		title: "Create PIN",
+		isBackRequired: true,
+		isUserLoggedIn: true,
+	},
+};

infrastructure/eid-wallet/src/lib/fragments/Header/Header.svelte

@@ -1,18 +1,24 @@
 <script lang="ts">
-    import { cn } from "$lib/utils";
-    import { ArrowLeft01Icon, UserCircleIcon } from "@hugeicons/core-free-icons";
-    import { HugeiconsIcon } from "@hugeicons/svelte";
-    import type { HTMLAttributes } from "svelte/elements";
+import { cn } from "$lib/utils";
+import { ArrowLeft01Icon, UserCircleIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/svelte";
+import type { HTMLAttributes } from "svelte/elements";
 
-    interface IHeaderProps extends HTMLAttributes<HTMLElement> {
-        title: string
-        isUserLoggedIn?: boolean;
-        isBackRequired?: boolean;
-        handleProfile?: () => void;
-    }
+interface IHeaderProps extends HTMLAttributes<HTMLElement> {
+	title: string;
+	isUserLoggedIn?: boolean;
+	isBackRequired?: boolean;
+	handleProfile?: () => void;
+}
 
-    let {title= "Create PIN", isUserLoggedIn = true, isBackRequired = true,handleProfile=undefined, ...restProps}:IHeaderProps = $props()
-    const cBase = "w-full h-[9vh] flex justify-between items-center"
+let {
+	title = "Create PIN",
+	isUserLoggedIn = true,
+	isBackRequired = true,
+	handleProfile = undefined,
+	...restProps
+}: IHeaderProps = $props();
+const cBase = "w-full h-[9vh] flex justify-between items-center";
 </script>
 
 <header {...restProps} class={cn(cBase, restProps.class)}>

infrastructure/eid-wallet/src/lib/fragments/index.ts

@@ -1 +1 @@
-export {default as Header} from "./Header/Header.svelte";
+export { default as Header } from "./Header/Header.svelte";

infrastructure/eid-wallet/src/lib/global/runtime.svelte.ts

@@ -1,11 +1,11 @@
 export const runtime = $state<{
-    header: {
-        title: string | undefined;
-        backEnabled: boolean | undefined;
-    }
+	header: {
+		title: string | undefined;
+		backEnabled: boolean | undefined;
+	};
 }>({
-    header: {
-        title: undefined,
-        backEnabled: undefined
-    }
-})
+	header: {
+		title: undefined,
+		backEnabled: undefined,
+	},
+});

infrastructure/eid-wallet/src/lib/ui/Button/ButtonAction.stories.ts

@@ -1,64 +1,64 @@
-import type { Meta, StoryObj } from '@storybook/svelte'
-import ButtonAction from './ButtonAction.svelte'
-import { ButtonText } from './ButtonSnippets.svelte'
+import type { Meta, StoryObj } from "@storybook/svelte";
+import ButtonAction from "./ButtonAction.svelte";
+import { ButtonText } from "./ButtonSnippets.svelte";
 
 const meta: Meta<ButtonAction> = {
-  title: 'Components/ButtonAction',
-  component: ButtonAction,
-  args: {
-    variant: 'solid',
-    isLoading: false,
-    blockingClick: false,
-    children: 'Click Me', // Ensure this is a function returning text
-  },
-  argTypes: {
-    variant: {
-      control: {
-        type: 'select',
-        options: ['solid', 'soft', 'danger', 'danger-soft', 'white'],
-      },
-    },
-    size: {
-      control: {
-        type: 'select',
-        options: ['sm', 'md'],
-      },
-    },
-    isLoading: { control: 'boolean' },
-    blockingClick: { control: 'boolean' },
-    callback: { action: 'clicked' },
-  },
-}
+	title: "Components/ButtonAction",
+	component: ButtonAction,
+	args: {
+		variant: "solid",
+		isLoading: false,
+		blockingClick: false,
+		children: "Click Me", // Ensure this is a function returning text
+	},
+	argTypes: {
+		variant: {
+			control: {
+				type: "select",
+				options: ["solid", "soft", "danger", "danger-soft", "white"],
+			},
+		},
+		size: {
+			control: {
+				type: "select",
+				options: ["sm", "md"],
+			},
+		},
+		isLoading: { control: "boolean" },
+		blockingClick: { control: "boolean" },
+		callback: { action: "clicked" },
+	},
+};
 
-export default meta
-type Story = StoryObj<typeof meta>
+export default meta;
+type Story = StoryObj<typeof meta>;
 
 export const Solid: Story = {
-  args: { variant: 'solid', children: ButtonText },
-}
+	args: { variant: "solid", children: ButtonText },
+};
 
 export const Soft: Story = {
-  args: { variant: 'soft', children: ButtonText },
-}
+	args: { variant: "soft", children: ButtonText },
+};
 
 export const Danger: Story = {
-  args: { variant: 'danger', children: ButtonText },
-}
+	args: { variant: "danger", children: ButtonText },
+};
 
 export const DangerSoft: Story = {
-  args: { variant: 'danger-soft', children: ButtonText },
-}
+	args: { variant: "danger-soft", children: ButtonText },
+};
 
 export const Loading: Story = {
-  args: { isLoading: true, children: ButtonText },
-}
+	args: { isLoading: true, children: ButtonText },
+};
 
 export const BlockingClick: Story = {
-  args: {
-    blockingClick: true,
-    children: ButtonText,
-    callback: async () => {
-      await new Promise((resolve) => setTimeout(resolve, 2000))
-    },
-  },
-}
+	args: {
+		blockingClick: true,
+		children: ButtonText,
+		callback: async () => {
+			await new Promise((resolve) => setTimeout(resolve, 2000));
+		},
+	},
+};