@m5kdev/frontend 0.1.0

package/.cursor/rules/frontend.mdc

@@ -0,0 +1,49 @@
+---
+alwaysApply: true
+---
+
+# @m5kdev/frontend - Shared Frontend Package
+
+This package contains shared React hooks, utilities, and frontend logic used across multiple React Router v7 applications in the monorepo.
+
+## Package Structure
+
+```
+packages/frontend/
+├── src/
+│   ├── hooks/           # Shared React hooks
+│   ├── utils/           # Shared utility functions (when needed)
+│   └── index.ts         # Main entry point
+├── package.json
+├── tsconfig.json
+└── tsconfig.lib.json
+```
+
+## Dependencies
+
+- Only add dependencies that are truly needed by multiple apps
+- Peer dependencies should include React and other common libraries
+- Keep the package lightweight and focused
+
+## Best Practices
+
+1. **Single Responsibility**: Each hook should have one clear purpose
+2. **Error Handling**: Include proper error handling and error states
+3. **Loading States**: Provide loading/status indicators for async operations
+4. **Type Safety**: Leverage TypeScript for full type safety
+5. **Documentation**: Add JSDoc comments for public APIs
+6. **Testing**: Consider adding tests for complex hooks
+7. **No Side Effects**: Hooks should be pure and not cause side effects on import
+
+## Monorepo Context
+
+This package is part of a larger monorepo structure:
+- Apps: deployable applications under `apps/*` (e.g. apps/myapp/webapp)
+- Shared UI: @m5kdev/web-ui (HeroUI, Radix, Tailwind)
+- Backend: @m5kdev/backend (shared backend utilities)
+- Each app uses React Router v7, tRPC, and TailwindCSS
+
+When adding features, consider:
+- Is this truly shared by multiple apps?
+- Could this be better placed in @m5kdev/web-ui if it's UI-related?
+- Does this maintain the separation of concerns?

package/.turbo/turbo-build.log

@@ -0,0 +1,5 @@
+
+
+> @m5kdev/frontend@0.1.0 build /Users/michalkow/Projects/m5kdev/packages/frontend
+> tsc --build
+

package/.turbo/turbo-check-types.log

@@ -0,0 +1,5 @@
+
+
+> @m5kdev/frontend@0.1.0 check-types /Users/michalkow/Projects/m5-new/packages/frontend
+> tsc --noEmit
+

package/.turbo/turbo-lint$colon$fix.log

@@ -0,0 +1,101 @@
+
+
+> @repo/frontend@0.0.0 lint:fix /Users/michalkow/Projects/m5/packages/frontend
+> biome check . --write
+
+src/components/AuthProvider.tsx:26:27 ]8;;https://biomejs.dev/linter/rules/use-exhaustive-dependencies\lint/correctness/useExhaustiveDependencies]8;;\  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ This hook does not specify its dependency on posthog.identify.
+  
+    24 │   // biome-ignore lint/correctness/useExhaustiveDependencies(authClient): authClient is a singleton
+    25 │   // biome-ignore lint/correctness/useExhaustiveDependencies(posthog): posthog is a global hook
+  > 26 │   const registerSession = useCallback((onSuccess?: () => void) => {
+       │                           ^^^^^^^^^^^
+    27 │     authClient.getSession().then(({ data: session }) => {
+    28 │       setIsLoading(false);
+  
+  ℹ This dependency is being used here, but is not specified in the hook dependency list.
+  
+    29 │       setSession(session);
+    30 │       if (session?.user)
+  > 31 │         posthog.identify(session.user.id, { email: session.user.email, name: session.user.name });
+       │         ^^^^^^^^^^^^^^^^
+    32 │       onSuccess?.();
+    33 │     });
+  
+  ℹ Either include it or remove the dependency array.
+  
+  ℹ Unsafe fix: Add the missing dependency to the list.
+  
+    34 │ ··},·[posthog.identify]);␍
+       │       ++++++++++++++++   
+
+src/components/AuthProvider.tsx:24:3 suppressions/unused ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ Suppression comment has no effect. Remove the suppression or make sure you are suppressing the correct rule.
+  
+    22 │   const [session, setSession] = useState<Session | null>(null);
+    23 │ 
+  > 24 │   // biome-ignore lint/correctness/useExhaustiveDependencies(authClient): authClient is a singleton
+       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    25 │   // biome-ignore lint/correctness/useExhaustiveDependencies(posthog): posthog is a global hook
+    26 │   const registerSession = useCallback((onSuccess?: () => void) => {
+  
+
+src/components/AuthProvider.tsx:25:3 suppressions/unused ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ Suppression comment has no effect. Remove the suppression or make sure you are suppressing the correct rule.
+  
+    24 │   // biome-ignore lint/correctness/useExhaustiveDependencies(authClient): authClient is a singleton
+  > 25 │   // biome-ignore lint/correctness/useExhaustiveDependencies(posthog): posthog is a global hook
+       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    26 │   const registerSession = useCallback((onSuccess?: () => void) => {
+    27 │     authClient.getSession().then(({ data: session }) => {
+  
+
+src/hooks/useS3Upload.ts:70:19 ]8;;https://biomejs.dev/linter/rules/no-explicit-any\lint/suspicious/noExplicitAny]8;;\ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ Unexpected any. Specify a different type.
+  
+    68 │         xhr.send(file);
+    69 │       });
+  > 70 │     } catch (err: any) {
+       │                   ^^^
+    71 │       setStatus("error");
+    72 │       setError(err?.message || "Unknown error");
+  
+  ℹ any disables many type checking rules. Its use should be avoided.
+  
+
+src/hooks/useS3Upload.ts:26:18 ]8;;https://biomejs.dev/linter/rules/use-exhaustive-dependencies\lint/correctness/useExhaustiveDependencies]8;;\  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ This hook does not specify its dependency on serverUrl.
+  
+    24 │   const [uploadedUrl, setUploadedUrl] = useState<string | null>(null);
+    25 │ 
+  > 26 │   const upload = useCallback(async (file: File | Blob) => {
+       │                  ^^^^^^^^^^^
+    27 │     setProgress(0);
+    28 │     setStatus("uploading");
+  
+  ℹ This dependency is being used here, but is not specified in the hook dependency list.
+  
+    32 │       const filename = file instanceof File ? file.name : `upload-${Date.now()}`;
+    33 │       const filetype = file instanceof File ? file.type : "application/octet-stream";
+  > 34 │       const presignedUrl = await getPresignedUrl(filename, filetype, serverUrl);
+       │                                                                      ^^^^^^^^^
+    35 │       console.log({ presignedUrl });
+    36 │ 
+  
+  ℹ Either include it or remove the dependency array.
+  
+  ℹ Unsafe fix: Add the missing dependency to the list.
+  
+    75 │ ··},·[serverUrl]);␍
+       │       +++++++++   
+
+Skipped 2 suggested fixes.
+If you wish to apply the suggested (unsafe) fixes, use the command biome check --write --unsafe
+
+Checked 9 files in 25ms. No fixes applied.
+Found 5 warnings.

package/.turbo/turbo-lint.log

@@ -0,0 +1,162 @@
+
+
+> @repo/frontend@0.0.0 lint /Users/michalkow/Projects/m5/packages/frontend
+> biome check .
+
+src/components/AuthProvider.tsx:26:27 ]8;;https://biomejs.dev/linter/rules/use-exhaustive-dependencies\lint/correctness/useExhaustiveDependencies]8;;\  FIXABLE  ━━━━━━━━━━━━━━━━━
+
+  ⚠ This hook does not specify its dependency on posthog.identify.
+  
+    24 │   // biome-ignore lint/correctness/useExhaustiveDependencies(authClient): authClient is a singleton
+    25 │   // biome-ignore lint/correctness/useExhaustiveDependencies(posthog): posthog is a global hook
+  > 26 │   const registerSession = useCallback((onSuccess?: () => void) => {
+       │                           ^^^^^^^^^^^
+    27 │     authClient.getSession().then(({ data: session }) => {
+    28 │       setIsLoading(false);
+  
+  ℹ This dependency is being used here, but is not specified in the hook dependency list.
+  
+    29 │       setSession(session);
+    30 │       if (session?.user)
+  > 31 │         posthog.identify(session.user.id, { email: session.user.email, name: session.user.name });
+       │         ^^^^^^^^^^^^^^^^
+    32 │       onSuccess?.();
+    33 │     });
+  
+  ℹ Either include it or remove the dependency array.
+  
+  ℹ Unsafe fix: Add the missing dependency to the list.
+  
+    34 │ ··},·[posthog.identify]);␍
+       │       ++++++++++++++++   
+
+src/components/AuthProvider.tsx:24:3 suppressions/unused ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ Suppression comment has no effect. Remove the suppression or make sure you are suppressing the correct rule.
+  
+    22 │   const [session, setSession] = useState<Session | null>(null);
+    23 │ 
+  > 24 │   // biome-ignore lint/correctness/useExhaustiveDependencies(authClient): authClient is a singleton
+       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    25 │   // biome-ignore lint/correctness/useExhaustiveDependencies(posthog): posthog is a global hook
+    26 │   const registerSession = useCallback((onSuccess?: () => void) => {
+  
+
+src/components/AuthProvider.tsx:25:3 suppressions/unused ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ Suppression comment has no effect. Remove the suppression or make sure you are suppressing the correct rule.
+  
+    24 │   // biome-ignore lint/correctness/useExhaustiveDependencies(authClient): authClient is a singleton
+  > 25 │   // biome-ignore lint/correctness/useExhaustiveDependencies(posthog): posthog is a global hook
+       │   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
+    26 │   const registerSession = useCallback((onSuccess?: () => void) => {
+    27 │     authClient.getSession().then(({ data: session }) => {
+  
+
+src/hooks/useS3Upload.ts:70:19 ]8;;https://biomejs.dev/linter/rules/no-explicit-any\lint/suspicious/noExplicitAny]8;;\ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ Unexpected any. Specify a different type.
+  
+    68 │         xhr.send(file);
+    69 │       });
+  > 70 │     } catch (err: any) {
+       │                   ^^^
+    71 │       setStatus("error");
+    72 │       setError(err?.message || "Unknown error");
+  
+  ℹ any disables many type checking rules. Its use should be avoided.
+  
+
+src/hooks/useS3Upload.ts:26:18 ]8;;https://biomejs.dev/linter/rules/use-exhaustive-dependencies\lint/correctness/useExhaustiveDependencies]8;;\  FIXABLE  ━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ⚠ This hook does not specify its dependency on serverUrl.
+  
+    24 │   const [uploadedUrl, setUploadedUrl] = useState<string | null>(null);
+    25 │ 
+  > 26 │   const upload = useCallback(async (file: File | Blob) => {
+       │                  ^^^^^^^^^^^
+    27 │     setProgress(0);
+    28 │     setStatus("uploading");
+  
+  ℹ This dependency is being used here, but is not specified in the hook dependency list.
+  
+    32 │       const filename = file instanceof File ? file.name : `upload-${Date.now()}`;
+    33 │       const filetype = file instanceof File ? file.type : "application/octet-stream";
+  > 34 │       const presignedUrl = await getPresignedUrl(filename, filetype, serverUrl);
+       │                                                                      ^^^^^^^^^
+    35 │       console.log({ presignedUrl });
+    36 │ 
+  
+  ℹ Either include it or remove the dependency array.
+  
+  ℹ Unsafe fix: Add the missing dependency to the list.
+  
+    75 │ ··},·[serverUrl]);␍
+       │       +++++++++   
+
+tsconfig.json format ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ✖ Formatter would have printed the following content:
+  
+     1    │ - {
+     2    │ - ··"extends":·"@repo/config/tsconfig.vite.json",
+     3    │ - ··"compilerOptions":·{
+     4    │ - ····"baseUrl":·".",
+     5    │ - ····"rootDir":·".",
+     6    │ - ····"outDir":·"dist",
+     7    │ - ····"tsBuildInfoFile":·"dist/tsconfig.lib.tsbuildinfo",
+     8    │ - ····"types":·[
+     9    │ - ······"vite/client"
+    10    │ - ····],
+    11    │ - ··},
+    12    │ - ··"include":·[
+    13    │ - ····"src"
+    14    │ - ··],
+    15    │ - ··"exclude":·[
+    16    │ - ····"out-tsc",
+    17    │ - ····"dist",
+    18    │ - ····"tests/**/*.spec.ts",
+    19    │ - ····"tests/**/*.test.ts",
+    20    │ - ····"tests/**/*.spec.tsx",
+    21    │ - ····"tests/**/*.test.tsx",
+    22    │ - ····"tests/**/*.spec.js",
+    23    │ - ····"tests/**/*.test.js",
+    24    │ - ····"tests/**/*.spec.jsx",
+    25    │ - ····"tests/**/*.test.jsx"
+    26    │ - ··]
+    27    │ - }
+        1 │ + {␍
+        2 │ + ··"extends":·"@repo/config/tsconfig.vite.json",␍
+        3 │ + ··"compilerOptions":·{␍
+        4 │ + ····"baseUrl":·".",␍
+        5 │ + ····"rootDir":·".",␍
+        6 │ + ····"outDir":·"dist",␍
+        7 │ + ····"tsBuildInfoFile":·"dist/tsconfig.lib.tsbuildinfo",␍
+        8 │ + ····"types":·["vite/client"]␍
+        9 │ + ··},␍
+       10 │ + ··"include":·["src"],␍
+       11 │ + ··"exclude":·[␍
+       12 │ + ····"out-tsc",␍
+       13 │ + ····"dist",␍
+       14 │ + ····"tests/**/*.spec.ts",␍
+       15 │ + ····"tests/**/*.test.ts",␍
+       16 │ + ····"tests/**/*.spec.tsx",␍
+       17 │ + ····"tests/**/*.test.tsx",␍
+       18 │ + ····"tests/**/*.spec.js",␍
+       19 │ + ····"tests/**/*.test.js",␍
+       20 │ + ····"tests/**/*.spec.jsx",␍
+       21 │ + ····"tests/**/*.test.jsx"␍
+       22 │ + ··]␍
+       23 │ + }␍
+       24 │ + 
+  
+
+Checked 9 files in 33ms. No fixes applied.
+Found 1 error.
+Found 5 warnings.
+check ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+  ✖ Some errors were emitted while running checks.
+  
+
+ ELIFECYCLE  Command failed with exit code 1.