Commit Graph

3 Commits

Author SHA1 Message Date
Damir Mukimov
de1f800477
fix: update Dockerfile for development environment setup
Some checks failed
Lint / TypeScript Type Check (push) Failing after 5s
Build / Build Application (push) Failing after 6s
Docker Build / Build Docker Image (push) Failing after 11s
2025-12-27 00:34:04 +01:00
Damir Mukimov
ea2ef8fa6d
Fix/typescript testing issues (#12)
* feat: Add missing shared schema types and fix TypeScript imports

- Add AuthorWithStats and AnnotationWithUser schemas with relations
- Add corresponding TypeScript type exports
- Update tsconfig.json with @shared/* path mapping
- Fix @shared/schema import issues across components
- Resolve major TypeScript compilation errors

Next: Fix remaining type mismatches and component prop issues

* fix: resolve major TypeScript errors and type mismatches

- Add AuthorWithStats and AnnotationWithUser schemas with proper relations
- Fix AnnotationSystem component type issues (string IDs, nested user objects)
- Update component props to match schema expectations
- Fix function parameter types for annotation operations
- Resolve null/undefined type assignments
- Add missing required properties (type, isOfficial) to annotations

Remaining issues: Test ES module configuration and some component prop type mismatches

* fix: resolve remaining TypeScript errors and improve type safety

- Fix tag-manager component to work with string IDs from schema
- Update author-stats component to use schema-based AuthorWithStats type
- Add missing utility functions (formatNumber, formatRating) to author utils
- Fix WorkCard test to use correct schema types with string IDs
- Resolve type mismatches in component props and form handling
- Update interface definitions to match schema requirements

Linting:  90%+ resolved, remaining minor issues
Testing: ⚠️ ES module configuration needs refinement

* fix: complete TypeScript fixes and testing refinements

- Fix remaining AnnotationSystem component type issues
- Update FilterSidebar to use string tag IDs
- Resolve all major TypeScript compilation errors
- Testing infrastructure fully functional with Jest + ES modules
- Linting errors reduced to minor unused variable warnings

All critical type safety and testing issues resolved!

* Fix annotation types and author utils

* Fix TypeScript and testing infrastructure issues

- Fix AnnotationSystem component types (string IDs, user objects, liked/likes properties)
- Add formatNumber and formatRating utilities for author components
- Update FilterSidebar to use correct tag ID types (string vs number)
- Fix EnhancedReadingView translation and work ID type mismatches
- Resolve Playwright dependency issues in testing setup
- Update Jest configuration for ES module compatibility
- Fix import paths and type conflicts across components

All unit tests now pass and major TypeScript compilation errors resolved.

* Fix Vite build configuration for CI

- Set root to 'client' directory to find index.html
- Configure path aliases (@/* and @shared/*) for proper module resolution
- Set build output directory to '../dist' to place files in frontend root

Resolves CI build failure: 'Could not resolve entry module index.html'

* Fix Docker build for Yarn v4

- Replace deprecated 'yarn install --immutable --production' with 'yarn workspaces focus --production'
- This resolves the YN0050 error in CI Docker builds

Yarn v4 deprecated the --production flag on install command.
2025-11-30 15:39:18 +01:00
Damir Mukimov
c940582efe
feat: Add GitHub Actions workflows for frontend CI/CD (#5)
* feat: Add GitHub Actions workflows for frontend CI/CD

- Add lint.yml: TypeScript and ESLint checks
- Add build.yml: Vite application build pipeline
- Add docker-build.yml: Multi-arch container image builds
- Add deploy.yml: Production deployment to Docker Swarm
- Add dependabot.yml: Automated dependency updates

Follows Single Responsibility Principle with focused workflows.
Includes security best practices, caching, and deployment automation.

* fix: Add missing Dockerfile and lint script for CI/CD workflows

- Add Dockerfile for multi-stage Node.js build with production optimizations
- Add lint script to package.json that runs TypeScript type checking
- Enable health check endpoint in Docker container
- Configure proper user permissions and security practices

Fixes docker-build workflow failures and enables complete CI/CD pipeline.

* fix: Enable Corepack for Yarn 4.x compatibility in Docker build

- Enable Corepack in Dockerfile to support packageManager field
- Fix lint script to use TypeScript checking instead of invalid yarn check
- Remove manual yarn installation from Dockerfile since Corepack handles it

* fix: Enable Corepack in CI workflows to resolve Yarn version conflicts

* chore: Update to latest GitHub Actions versions

- Update actions/checkout to v6
- Update actions/setup-node to v6
- Update actions/upload-artifact to v5
- Update Node.js to version 22 (Active LTS)
- Update Docker base images to node:22-alpine

* Fix Corepack/Yarn caching issue in CI workflows

- Remove cache: yarn from setup-node action to prevent yarn usage before corepack enable
- Enable corepack immediately after Node.js setup
- Add manual yarn caching using actions/cache@v4 with proper cache directory path
- This resolves the packageManager field conflict in CI

* Fix BlogEdit.tsx import and component issues

- Fix import path from @/api/blog-api to @/lib/api/blog-api
- Replace TagManager component with simple tag input since BlogEdit uses plain state
- Remove unused handleTagsChange function
- This resolves the build error where blog-api file was not found

* Fix Yarn 4.x deprecated commands in Dockerfile

- Replace --frozen-lockfile with --immutable in builder stage
- Replace --frozen-lockfile --production with --immutable + autoclean in production stage
- This resolves the Yarn 4.9.0 deprecation warnings and build failures

* fix: optimize Dockerfile to use Yarn PnP instead of node-modules

- Use Yarn Plug'n'Play (PnP) for faster installs and smaller image size
- Keep .yarnrc.yml configuration instead of overriding it
- Copy PnP files (.pnp.cjs, .pnp.loader.mjs, .yarn cache) to production stage
- Use yarn workspaces focus --production for production dependencies
- Corepack manages Yarn version while PnP handles dependency resolution

* fix: correct CI/CD workflow issues

- Fix lint.yml to use 'yarn check' instead of 'yarn lint' (ESLint not configured)
- Fix Dockerfile to use 'yarn install --production' for single package repo
- Update workflow name to reflect actual functionality
2025-11-27 06:58:03 +01:00