Skip to content

Conversation

ryanrozich
Copy link
Owner

@ryanrozich ryanrozich commented Jul 9, 2025

Summary

This PR removes the unused React-DatePicker dependency and adds interactive StackBlitz examples to the documentation.

Changes

React-DatePicker Removal

  • ✅ Remove react-datepicker from optionalDependencies
  • ✅ Remove @types/react-datepicker from devDependencies
  • ✅ Delete unused AbsoluteDatePicker.tsx component
  • ✅ Remove react-datepicker CSS mock from vitest setup
  • ✅ Clean up 148 lines of unused datepicker CSS styles

StackBlitz Integration

  • ✅ Add StackBlitzExample component for embedding interactive examples
  • ✅ Create automated example generator script (scripts/create-stackblitz-examples.js)
  • ✅ Generate complete example projects for DateFilter, QuickFilterDropdown, and ActiveFilters
  • ✅ Add interactive examples section to documentation
  • ✅ Include all necessary files for StackBlitz WebContainer (package.json, vite.config.ts, tsconfig.json, etc.)

Bundle Size Impact

Before:

  • ES Module: 328.81 kB (gzipped: 65.41 kB)
  • UMD: 226.88 kB (gzipped: 54.17 kB)

After:

  • ES Module: 332.50 kB (gzipped: 55.89 kB)
  • UMD: 217.00 kB (gzipped: 43.24 kB)

Result:

  • UMD bundle reduced by ~10KB (4.4% reduction)
  • Gzipped UMD reduced by ~11KB (20% reduction!)

Interactive Examples

Users can now try components directly in their browser:

  • Each component has a dedicated StackBlitz example
  • Examples are complete, working projects with all dependencies
  • One-click to open, fork, and experiment with the code
  • Accessible from the Documentation > Contributing > Code Examples section

Testing

  • Unit tests pass
  • Bundle builds successfully
  • No references to React-DatePicker remain in the codebase
  • StackBlitz examples load and run correctly
  • Example generator script creates valid project structure

Closes #67

ryanrozich and others added 2 commits July 9, 2025 09:15
- Remove react-datepicker from optionalDependencies
- Remove @types/react-datepicker from devDependencies
- Delete unused AbsoluteDatePicker component
- Remove react-datepicker CSS mock from vitest setup
- Clean up 148 lines of unused datepicker CSS styles

The project has already switched to text-based date inputs, making
the React-DatePicker dependency unnecessary. This reduces bundle size
and removes unused code.

Closes #67
- Add main.tsx entry point for each example
- Add vite.config.ts configuration
- Add tsconfig.json and tsconfig.node.json
- Add package.json to each example directory
- Add index.html as the entry HTML file
- Update example generator script to create all necessary files

This ensures StackBlitz WebContainer can properly boot and run the examples.

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

Co-Authored-By: Claude <noreply@anthropic.com>
@github-actions github-actions bot added enhancement New feature or request area: components Related to the React components area: build Build tools, bundling, TypeScript config priority: medium Normal priority status: in-code-review PR ready, awaiting code review labels Jul 9, 2025
Update StackBlitzExample component to use feat/remove-react-datepicker branch
instead of main to ensure examples load correctly from the current branch.

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

Co-Authored-By: Claude <noreply@anthropic.com>
Copy link

github-actions bot commented Jul 9, 2025

🚀 Demo Preview Ready!

Preview URL: https://demo.rozich.net/ag-grid-react-components-pr-68/
API URL: https://demo.rozich.net/ag-grid-react-components-pr-68/api/

⚠️ Deployment tests failed - please check the workflow logs

This preview will be available for testing until the PR is merged or closed.

- Add StackBlitzExample component to Examples section
- Include examples for DateFilter, QuickFilterDropdown, and ActiveFilters
- Add tips section for using StackBlitz examples
- Each example opens a complete, working project in StackBlitz

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

Co-Authored-By: Claude <noreply@anthropic.com>
@ryanrozich ryanrozich changed the title feat: remove unused react-datepicker dependency feat: remove react-datepicker and add StackBlitz interactive examples Jul 9, 2025
@github-actions github-actions bot removed status: in-code-review PR ready, awaiting code review has-preview labels Jul 9, 2025
@ryanrozich ryanrozich changed the base branch from release/v0.2.0-rc1 to release/v0.2.0-rc2 July 9, 2025 19:06
@ryanrozich ryanrozich merged commit 57ea78e into release/v0.2.0-rc2 Jul 9, 2025
10 checks passed
@github-actions github-actions bot added status: merged PR merged to main branch and removed has-preview labels Jul 9, 2025
Copy link

github-actions bot commented Jul 9, 2025

🧹 Preview Deployment Cleaned Up

The preview deployment for this PR has been removed.

Copy link

github-actions bot commented Jul 9, 2025

🧹 Preview Deployment Cleaned Up

The preview deployment for this PR has been removed:

  • ✅ API worker deleted
  • ✅ KV metadata removed
  • ✅ R2 objects deleted

Thank you for your contribution! 🎉

@ryanrozich ryanrozich deleted the feat/remove-react-datepicker branch July 9, 2025 23:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: build Build tools, bundling, TypeScript config area: components Related to the React components enhancement New feature or request priority: medium Normal priority status: merged PR merged to main branch
Projects
Status: 🚀 Merged
Development

Successfully merging this pull request may close these issues.

1 participant