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,61 +1,61 @@
-@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';
+	themes: false; /* Disable built-in themes */
+	darktheme: "light";
 }
 
 @font-face {
-  font-family: 'Archivo';
-  src: url('/fonts/Archivo-VariableFont_wdth,wght.ttf') format('truetype');
-  font-weight: 100 900;
-  font-style: normal;
+	font-family: "Archivo";
+	src: url("/fonts/Archivo-VariableFont_wdth,wght.ttf") format("truetype");
+	font-weight: 100 900;
+	font-style: normal;
 }
 
 @theme {
-  /* Custom theme */
-  --color-primary: #8e52ff;
-  --color-primary-100: #e8dcff;
-  --color-primary-300: #d2baff;
-  --color-primary-500: #bb97ff;
-  --color-primary-700: #a575ff;
-  --color-primary-900: #8e52ff;
-
-  --color-secondary: #73efd5;
-  --color-secondary-100: #e3fcf7;
-  --color-secondary-300: #c7f9ee;
-  --color-secondary-500: #abf6e6;
-  --color-secondary-700: #8ff2dd;
-  --color-secondary-900: #73efd5;
-
-  --color-gray-900: #f5f5f5;
-
-  --color-white-900: #ffffff;
-
-  --color-black-900: #171a27;
-  --color-black-700: #4c4c4c;
-  --color-black-500: #797979;
-  --color-black-300: #a5a5a5;
-  --color-black-100: #d2d2d2;
-
-  --color-black: #1f1f1f;
-
-  --color-red-900: #FF5255;
-  --color-red-700: #FF7B77;
-  --color-red-500: #FF968E;
-  --color-red-300: #FFB1A7;
-  --color-red-100: #FFDCDD;
-
-  --color-danger-500: #ff5255;
-  --color-danger-300: #ff7d7f;
-  --color-danger-100: #ffdcdd;
+	/* Custom theme */
+	--color-primary: #8e52ff;
+	--color-primary-100: #e8dcff;
+	--color-primary-300: #d2baff;
+	--color-primary-500: #bb97ff;
+	--color-primary-700: #a575ff;
+	--color-primary-900: #8e52ff;
+
+	--color-secondary: #73efd5;
+	--color-secondary-100: #e3fcf7;
+	--color-secondary-300: #c7f9ee;
+	--color-secondary-500: #abf6e6;
+	--color-secondary-700: #8ff2dd;
+	--color-secondary-900: #73efd5;
+
+	--color-gray-900: #f5f5f5;
+
+	--color-white-900: #ffffff;
+
+	--color-black-900: #171a27;
+	--color-black-700: #4c4c4c;
+	--color-black-500: #797979;
+	--color-black-300: #a5a5a5;
+	--color-black-100: #d2d2d2;
+
+	--color-black: #1f1f1f;
+
+	--color-red-900: #ff5255;
+	--color-red-700: #ff7b77;
+	--color-red-500: #ff968e;
+	--color-red-300: #ffb1a7;
+	--color-red-100: #ffdcdd;
+
+	--color-danger-500: #ff5255;
+	--color-danger-300: #ff7d7f;
+	--color-danger-100: #ffdcdd;
 }
 
 body {
-  font-family: 'Archivo', sans-serif;
+	font-family: "Archivo", sans-serif;
 }
 
 /* Custom classes */
 .spin-slow {
-  animation: spin 3s linear infinite;
+	animation: spin 3s linear infinite;
 }

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,
+	},
+});