chore: adjust dockerfile

Author: dantasrafael

.env.example

@@ -9,6 +9,8 @@ VITE_APP_VERSION=1.0.0
 
 # AWS Configuration for LocalStack
 VITE_AWS_DEFAULT_REGION=us-east-1
+VITE_AWS_ACCESS_KEY_ID=test
+VITE_AWS_SECRET_ACCESS_KEY=test
 
 # Development settings
 VITE_DEV_MODE=true

Dockerfile

@@ -7,11 +7,23 @@ WORKDIR /app
 COPY package*.json ./
 
 # Install dependencies
-RUN npm ci --only=production
+RUN npm ci
 
 # Copy source code
 COPY . .
 
+# Add build arguments
+ARG VITE_LOCALSTACK_ENDPOINT
+ARG VITE_AWS_DEFAULT_REGION
+ARG VITE_AWS_ACCESS_KEY_ID
+ARG VITE_AWS_SECRET_ACCESS_KEY
+
+# Set environment variables from build args
+ENV VITE_LOCALSTACK_ENDPOINT=${VITE_LOCALSTACK_ENDPOINT}
+ENV VITE_AWS_DEFAULT_REGION=${VITE_AWS_DEFAULT_REGION}
+ENV VITE_AWS_ACCESS_KEY_ID=${VITE_AWS_ACCESS_KEY_ID}
+ENV VITE_AWS_SECRET_ACCESS_KEY=${VITE_AWS_SECRET_ACCESS_KEY}
+
 # Build the application
 RUN npm run build
 

development-environment/docker-compose.yml

@@ -11,7 +11,7 @@ services:
       - SERVICES=sns,sqs,s3,lambda,dynamodb,kinesis,kms
       - DISABLE_CORS_CHECKS=1
       - DISABLE_CORS_HANDLERS=1
-      - EXTRA_CORS_ALLOWED_ORIGINS=http://localhost:3000
+      - EXTRA_CORS_ALLOWED_ORIGINS=*
       - EXTRA_CORS_ALLOWED_HEADERS=authorization,content-type,x-amz-date,x-amz-security-token,x-amz-user-agent,x-amz-invocation-type,x-amz-log-type
     volumes:
       - "${TMPDIR:-/tmp}/localstack:/var/lib/localstack"

src/stores/app.js

@@ -3,7 +3,10 @@ import { ref } from 'vue'
 import AWS from 'aws-sdk'
 
 export const useAppStore = defineStore('app', () => {
-  const endpoint = ref(localStorage.getItem('localstack-endpoint') || 'http://localhost:4566')
+  const endpoint = ref(import.meta.env.VITE_LOCALSTACK_ENDPOINT || 'http://localhost:4566')
+  const region = ref(import.meta.env.VITE_AWS_DEFAULT_REGION || 'us-east-1')
+  const accessKeyId = ref(import.meta.env.VITE_AWS_ACCESS_KEY_ID || 'test')
+  const secretAccessKey = ref(import.meta.env.VITE_AWS_SECRET_ACCESS_KEY || 'test')
   const connectionStatus = ref('disconnected')
   const snackbar = ref({
     show: false,
@@ -14,9 +17,9 @@ export const useAppStore = defineStore('app', () => {
 
   // AWS SDK Configuration
   const awsConfig = {
-    region: 'us-east-1',
-    accessKeyId: 'test',
-    secretAccessKey: 'test',    
+    region: region.value,
+    accessKeyId: accessKeyId.value,
+    secretAccessKey: secretAccessKey.value,    
     endpoint: endpoint.value,
     s3ForcePathStyle: true,
     sslEnabled: false
@@ -53,12 +56,16 @@ export const useAppStore = defineStore('app', () => {
   const checkConnection = async () => {
     try {
       connectionStatus.value = 'connecting'
-      
+
       // Try to list S3 buckets as a health check
       if (!s3.value) initializeServices()
-      
-      await s3.value.listBuckets().promise()
-      connectionStatus.value = 'connected'
+
+      if (s3.value) {
+        await s3.value.listBuckets().promise()
+        connectionStatus.value = 'connected'
+      } else {
+        connectionStatus.value = 'disconnected'
+      }
     } catch (error) {
       connectionStatus.value = 'disconnected'
       console.error('Connection failed:', error)
@@ -74,7 +81,7 @@ export const useAppStore = defineStore('app', () => {
     }
   }
 
-  // Initialize services on store creation
+// Initialize services on store creation
   initializeServices()
 
   return {