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

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

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

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

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

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

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

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