Reskin auto-drive (#456)

* Update components structure to use atomic pattern

* feat: create new landing page

* feat: create landing layout

* feat: create anonymous role in hasura

* feat: add public file explorer

* feat: create a new sidebar for mobile compatibility

* refactor: update AccountInformation and LandingHeader components for improved structure and mobile compatibility

* feat: add new color variants for light accent and danger in Tailwind config and globals CSS; update Button component styles

* fix: update Button component variant from lightAccent to outline in FileTableRow

* feat: add details view to public explorer

* improve login & logout redirects

* refactor: update router dependencies in AppLayout and LandingLayout for improved navigation handling

* move explorer to dashboard and remove the need for logging in

* refactor: remove session dependency from ObjectDownloadModal to simplify metadata fetching logic

* fix: downloads stalled on anon user

* refactor: rearrange component structure in AppLayout for better organization and clarity

* refactor: remove authentication check from object reporting handler to streamline error handling

* refactor: simplify reportFile function by removing authentication checks and headers

* refactor: clean up middleware and layout components by removing unused code and logging

* refactor: update login callback URL to include default network ID for improved routing

* refactor: update images and remove console log from App component for cleaner code

* feat: ensure that the user + subcription is updated

* refactor: remove object ownership fields from global files query

* refactor: eliminate owners field from object summary in global files query

* test: increase timeout for S3 SDK integration test to prevent timeouts

* feat: enable dark mode support in Tailwind configuration

* feat: add explore button to landing hero section

* feat: add metric reporting for object reporting in controller

* refactor: remove unused NavItem import from HeroSection component

Author: clostao

backend/__tests__/integration/s3-sdk/index.spec.ts

@@ -91,7 +91,7 @@ describe('AWS S3 - SDK', () => {
 
     expect(result.Body).toBeDefined()
     expect(Buffer.from(await result.Body!.transformToByteArray())).toEqual(Body)
-  })
+  }, 15_000)
 
   it('should be able download first 10 bytes of the object', async () => {
     const command = new GetObjectCommand({

backend/src/app/controllers/object.ts

@@ -10,6 +10,7 @@ import {
   handleInternalErrorResult,
 } from '../../shared/utils/neverthrow.js'
 import { handleError } from '../../errors/index.js'
+import { sendMetricToVictoria } from '../../infrastructure/drivers/vmetrics.js'
 
 const logger = createLogger('http:controllers:object')
 
@@ -452,10 +453,15 @@ objectController.post(
   asyncSafeHandler(async (req, res) => {
     const { cid } = req.params
 
-    const executor = await handleAuth(req, res)
-    if (!executor) {
-      return
-    }
+    logger.info('Reporting object', { cid })
+    sendMetricToVictoria({
+      measurement: 'object_report',
+      tag: req.ip?.toString() ?? 'unknown',
+      fields: {
+        cid,
+        ip: req.ip?.toString() ?? 'unknown',
+      },
+    })
 
     const reportResult = await handleInternalError(
       ObjectUseCases.reportObject(cid),

docker-compose.dev.yml

@@ -70,7 +70,7 @@ services:
       HASURA_GRAPHQL_DEV_MODE: "true" # Disable development mode features
 
       # Role and CORS Settings
-      HASURA_GRAPHQL_UNAUTHORIZED_ROLE: user # Default role for unauthenticated users
+      HASURA_GRAPHQL_UNAUTHORIZED_ROLE: anonymous # Default role for unauthenticated users
       HASURA_GRAPHQL_CORS_DOMAIN: ${HASURA_GRAPHQL_CORS_DOMAIN} # Allowed domains for CORS
       HASURA_GRAPHQL_STRINGIFY_NUMERIC_TYPES: "true"
 

docker-compose.devProdAuth.yml

@@ -71,7 +71,7 @@ services:
       HASURA_GRAPHQL_DEV_MODE: "true" # Disable development mode features
 
       # Role and CORS Settings
-      HASURA_GRAPHQL_UNAUTHORIZED_ROLE: user # Default role for unauthenticated users
+      HASURA_GRAPHQL_UNAUTHORIZED_ROLE: anonymous # Default role for unauthenticated users
       HASURA_GRAPHQL_CORS_DOMAIN: ${HASURA_GRAPHQL_CORS_DOMAIN} # Allowed domains for CORS
       HASURA_GRAPHQL_STRINGIFY_NUMERIC_TYPES: "true"
 
@@ -92,6 +92,9 @@ services:
       # Hasura Migrations and Metadata
       HASURA_GRAPHQL_METADATA_DIR: /app/metadata
       HASURA_GRAPHQL_MIGRATIONS_DIR: /app/migrations
+    command:
+      - graphql-engine
+      - serve
     profiles:
       - infrastructure
     ports:

docker-compose.prod.yml

@@ -22,7 +22,7 @@ services:
       HASURA_GRAPHQL_DEV_MODE: "false" # Disable development mode features
 
       # Role and CORS Settings
-      HASURA_GRAPHQL_UNAUTHORIZED_ROLE: user # Default role for unauthenticated users
+      HASURA_GRAPHQL_UNAUTHORIZED_ROLE: anonymous # Default role for unauthenticated users
       HASURA_GRAPHQL_CORS_DOMAIN: ${HASURA_GRAPHQL_CORS_DOMAIN} # Allowed domains for CORS
       HASURA_GRAPHQL_STRINGIFY_NUMERIC_TYPES: "true"
 

frontend/codegen.ts

@@ -1,12 +1,21 @@
 import type { CodegenConfig } from '@graphql-codegen/cli';
 import * as dotenv from 'dotenv';
 
-dotenv.config();
+dotenv.config({ path: '../.env' });
 
 const config: CodegenConfig = {
   generates: {
     './gql/graphql.ts': {
-      schema: process.env.HASURA_URL ?? 'http://localhost:6565/v1/graphql',
+      schema: [
+        {
+          'http://localhost:6565/v1/graphql': {
+            headers: {
+              'x-hasura-admin-secret': process.env.HASURA_GRAPHQL_ADMIN_SECRET!,
+              'x-hasura-role': 'admin',
+            },
+          },
+        },
+      ],
       documents: ['./src/**/query.graphql'],
       plugins: [
         'typescript',