Skip to content

fix: executable code block flashing#14

Merged
rui-typelets merged 3 commits intomainfrom
fix/executable-code-block-flashing
Sep 22, 2025
Merged

fix: executable code block flashing#14
rui-typelets merged 3 commits intomainfrom
fix/executable-code-block-flashing

Conversation

@rui-typelets
Copy link
Copy Markdown
Collaborator

Summary

This PR upgrades TipTap from v2.26.1 to v3.4.4 and resolves compatibility issues introduced by the major version upgrade.

Key Changes

  • TipTap v3 Migration: Updated all TipTap packages to v3.4.4 with proper import syntax fixes
  • Import Compatibility: Fixed default imports → named imports for TipTap v3 compatibility
  • Extension Configuration: Disabled duplicate link and underline extensions in StarterKit
  • CSS Import Order: Moved Google Fonts imports before other CSS imports to resolve PostCSS warnings
  • Dependency Updates: Updated React, TypeScript, ESLint and other dev dependencies to latest versions

Technical Details

Breaking Changes Handled

  • Import Syntax: import StarterKit from '@tiptap/starter-kit'import { StarterKit } from '@tiptap/starter-kit'
  • Extension Conflicts: Added link: false, underline: false to StarterKit config
  • CSS Processing: Reordered @import statements to satisfy PostCSS requirements

Issues Resolved

  • ❌ Fixed: [tiptap warn]: Duplicate extension names found: ['link', 'underline']
  • ❌ Fixed: The requested module does not provide an export named 'default'
  • ❌ Fixed: @import must precede all other statements PostCSS warnings
  • ❌ Fixed: Missing manifest.json syntax errors

Testing

  • Editor loads without console errors or warnings
  • All TipTap extensions function correctly (links, formatting, code blocks, etc.)
  • CSS builds without PostCSS warnings
  • No duplicate extension conflicts
  • Executable code blocks work properly
  • Performance remains consistent

Dependencies Updated

Major Upgrades:

  • @tiptap/*: 2.26.13.4.4 (major version upgrade)
  • @vitejs/plugin-react: 4.7.05.0.3
  • typescript: 5.8.35.9.2

Minor/Patch Updates:

  • @clerk/clerk-react: 5.41.05.47.0
  • eslint: 9.33.09.36.0
  • lucide-react: 0.523.00.544.0
  • Various @radix-ui and other dependencies

Risk Assessment

Low Risk - All breaking changes have been properly handled:

  • Import syntax updated throughout codebase
  • Extension conflicts resolved
  • Console output clean
  • Existing functionality preserved

Verification Steps

  1. Run pnpm dev - should start without errors
  2. Open editor - should load cleanly without console warnings
  3. Test formatting features (bold, italic, links, etc.)
  4. Test executable code blocks
  5. Verify CSS builds without PostCSS warnings

@rui-typelets rui-typelets merged commit 8cb1de2 into main Sep 22, 2025
3 checks passed
@github-actions
Copy link
Copy Markdown
Contributor

🎉 This PR is included in version 1.18.1 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀

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

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant