Merge branch 'main' into feat/camera-pick

.eslintrc.cjs

@@ -11,6 +11,7 @@ module.exports = {
     browser: true,
     es2021: true,
   },
+  root: true,
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',

src/components/camera-input.tsx

@@ -53,7 +53,6 @@ export function CameraInput(props: CameraInputProps) {
             </button>
           )}
           {extractedData && !shouldTake && (
-            <pre className='bg-base-200 rounded-xl overflow-scroll h-[100px] w-full'>
               {JSON.stringify(extractedData, null, 2)}
             </pre>
           )}

src/screens/scan.screen.tsx

@@ -1,6 +1,7 @@
 import { CameraInput } from '@components/camera-input.tsx';
 import React from 'react';
 import { Header } from '../components/header.tsx';
+import { CameraInput } from '@components/camera-input.tsx';
 
 /**
  * Scan screen

src/store/selectors.ts

@@ -32,3 +32,25 @@ export const selectAiLoadingState = createSelector(
     return total;
   },
 );
+
+export const selectAiData = createSelector(
+  (ro: RootState) => ro.ai,
+  ({ loadingData, loadingBarCodes, data, barCodes }) =>
+    loadingData || loadingBarCodes
+      ? undefined
+      : {
+          data,
+          barCodes,
+        }
+);
+
+export const selectAiLoadingState = createSelector(
+  (ro: RootState) => ro.ai,
+  ({ loadingData, loadingBarCodes, loadingText }) => {
+    let total = 0;
+    if (!loadingData) total++;
+    if (!loadingBarCodes) total++;
+    if (!loadingText) total++;
+    return total;
+  }
+);

vite.config.ts

@@ -11,6 +11,7 @@ import mkcert from 'vite-plugin-mkcert';
 import { VitePWA } from 'vite-plugin-pwa';
 import { robots } from 'vite-plugin-robots';
 import tsconfigPaths from 'vite-tsconfig-paths';
+import mkcert from 'vite-plugin-mkcert';
 
 const baseEncode = (plaintext: string): string => {
   const base =