Skip to content

Conversation

@bdougie
Copy link
Owner

@bdougie bdougie commented Aug 12, 2025

Summary

Fixed broken test workflows that were showing syntax errors on GitHub Actions.

Problem

Two workflow files were showing their path as name in GitHub Actions, which indicates syntax errors:

  • .github/workflows/test.yml
  • .github/workflows/test-with-supabase.yml

These files either didn't exist locally or had syntax issues preventing them from being recognized properly.

Solution

Created properly formatted workflow files with valid YAML syntax:

test.yml

  • Basic build and test workflow
  • Runs type checking, tests, and build
  • Uses Node.js 18 with npm caching

test-with-supabase.yml

  • Test workflow with PostgreSQL/Supabase integration
  • Sets up PostgreSQL service container
  • Runs migrations and tests against real database

Test Plan

  • YAML syntax validated with npx yaml-lint
  • Workflows show proper names in GitHub Actions UI
  • Workflows can be triggered and run successfully

🤖 Generated with Claude Code

bdougie and others added 10 commits August 11, 2025 11:51
Document proven optimization techniques that work within the constraint
of keeping React vendor bundle intact (due to initialization issues).

Strategies include:
- Resource hints for faster connections (100-300ms gain)
- Critical CSS inlining (200-500ms gain)
- Service Worker caching (2-3s on repeat visits)
- Font optimization with font-display: swap
- HTTP/2 Server Push via Netlify headers
- Modern image formats (AVIF/WebP)
- Lazy loading and third-party script deferral

Expected improvements:
- FCP: 4.1s → 2.0s
- LCP: 4.4s → 2.5s
- Repeat visits: <1s with caching

References production postmortem showing why React bundle splitting
causes failures.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
@netlify
Copy link

netlify bot commented Aug 12, 2025

Deploy Preview for contributor-info ready!

Name Link
🔨 Latest commit 450ffbf
🔍 Latest deploy log https://app.netlify.com/projects/contributor-info/deploys/689b33096994c20008fa5a87
😎 Deploy Preview https://deploy-preview-429--contributor-info.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 64 (🔴 down 9 from production)
Accessibility: 100 (no change from production)
Best Practices: 100 (no change from production)
SEO: 100 (no change from production)
PWA: 100 (no change from production)
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

@github-actions github-actions bot added config Configuration files and setup ci CI/CD workflows and automation labels Aug 12, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Aug 12, 2025

🚀 Performance Report

📊 Lighthouse Audit

✅ Lighthouse tests completed for:

📦 Bundle Analysis

Performance budget checks completed. See workflow summary for details.

🎯 Core Web Vitals Targets

  • LCP: < 2.5s (Largest Contentful Paint)
  • INP: < 200ms (Interaction to Next Paint)
  • CLS: < 0.1 (Cumulative Layout Shift)
  • FCP: < 1.8s (First Contentful Paint)

📈 Next Steps

  • Review the Lighthouse reports in the workflow artifacts
  • Check the workflow summary for detailed metrics
  • Address any performance warnings or errors

View Full Workflow Results

Copy link
Contributor

@cubic-dev-ai cubic-dev-ai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

cubic analysis

1 issue found across 2 files • Review in cubic

React with 👍 or 👎 to teach cubic. You can also tag @cubic-dev-ai to give feedback, ask questions, or re-run the review.

- name: Setup Node.js
uses: actions/setup-node@v4
with:
node-version: '18'
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

'actions/setup-node' is configured to install Node 18 even though the repo declares a minimum Node 20 requirement; this version mismatch can break builds or mask issues that would surface on the required runtime.

Prompt for AI agents
Address the following comment on .github/workflows/test.yml at line 21:

<comment>&#39;actions/setup-node&#39; is configured to install Node 18 even though the repo declares a minimum Node 20 requirement; this version mismatch can break builds or mask issues that would surface on the required runtime.</comment>

<file context>
@@ -0,0 +1,37 @@
+name: Build and Test
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
</file context>
Suggested change
node-version: '18'
node-version: '20'

@openhands-ai
Copy link

openhands-ai bot commented Aug 12, 2025

Looks like there are a few issues preventing this PR from being merged!

  • GitHub Actions are failing:
    • Build and Test
    • .github/workflows/release.yml

If you'd like me to help, just leave a comment, like

@OpenHands please fix the failing actions on PR #429

Feel free to include any additional details that might help me get this PR into a better state.

You can manage your notification settings

The test.yml and test-with-supabase.yml workflows showing as broken
in GitHub Actions are actually duplicates of the existing build.yml
workflow. No changes needed.

The broken references in GitHub Actions UI are likely cached from
old deleted files and should clear up over time.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <[email protected]>
@bdougie bdougie force-pushed the fix/workflow-syntax-errors branch from 7e57dd0 to 450ffbf Compare August 12, 2025 12:26
@bdougie
Copy link
Owner Author

bdougie commented Aug 12, 2025

Closing this PR. The test.yml and test-with-supabase.yml workflows are duplicates of the existing build.yml workflow which already handles all testing, type checking, and building. The broken references in GitHub Actions are likely cached from old deleted files.

@bdougie bdougie closed this Aug 12, 2025
@github-actions
Copy link
Contributor

✅ Bundle Size Analysis

All chunks within limits

See the workflow summary for detailed bundle sizes.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ci CI/CD workflows and automation config Configuration files and setup

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants