DevFlow logoDevFlow
Improvementv0.4.1

v0.4.1: Async QR Generation, Auth Resilience, Pipeline Optimization, and Database Cascade Hardening

Bringing asynchronous lazy-loaded QR code generation, dedicated loading and error boundaries for auth flows, pipeline node memoization, atomic database cascade deletions, and modular tool examples.

What's New

Async QR Code Generation & Bundle Splitting

Generating complex QR codes with high error correction and customized styling shouldn't delay your page load. In v0.4.1, the QR Code Generator now leverages dynamic asynchronous imports for the underlying qrcode rendering engine:

  • Zero-Cost Initial Load: The heavy QR matrix generation library is lazy-loaded on demand when generation is triggered, significantly cutting down initial client bundle size.
  • Non-Blocking Bulk Generation: Bulk generation workflows are now orchestrated concurrently with Promise.all, preventing UI freezes when generating batches of URLs, Wi-Fi credentials, or vCards.
  • Smoother Export Pipeline: Exporting SVG, PNG, and PDF outputs now runs asynchronously with improved progress feedback.

Auth Route Resilience & Graceful Error Handling

Authentication is critical to developer workflows. We've introduced dedicated loading skeletons and error boundaries across our Better Auth flows:

  • Dedicated Loading Skeletons: Instant visual feedback on /sign-in and /sign-up routes while session state and OAuth providers resolve, eliminating layout shifts.
  • Graceful Error Recovery: Integrated error.tsx boundaries for authentication routes with descriptive contextual error messages, direct retry actions, and fallback navigation paths.

Atomic Database Cascade & GDPR Account Deletion

User data privacy and data integrity are top priorities:

  • Atomic Deletion Transactions: The /api/account/delete endpoint now executes inside a strict database transaction. When a user requests account removal, the system cleanly cascades across owned workspaces, workspace memberships, invites, pipeline versions, secrets, BYOK keys, billing records, credit transactions, pipeline runs, schedules, upvotes, pipelines, tool usage metrics, and audit logs.
  • Sole-Owner Workspace Handling: Workspaces where the deleting user is the sole owner are automatically purged, while multi-tenant workspaces have memberships gracefully revoked.
  • Foreign Key Cascade Hardening: Migration 0007_swift_living_tribunal introduces proper ON DELETE CASCADE and ON DELETE SET NULL constraints on foreign keys across pipelineVersion, templates, workspaceInvite, and workspaceMember.

High-Performance Query Indexing & Cache Revalidation

To maintain lightning-fast response times as platform usage scales:

  • Targeted Composite Indexes: Added high-performance indexes across critical query paths, including pipeline (userId, updatedAt), pipeline (isPublic, upvoteCount), pipeline (workspaceId), pipelineVersion (pipelineId), pipelineRun (pipelineId, createdAt), toolUsage (userId, createdAt), and toolUsage (toolSlug, createdAt).
  • On-Demand Cache Revalidation: Added an automated revalidation CLI tool (scripts/revalidate.ts) and API route (/api/revalidate) to purge and refresh statically cached tool pages, comparison hubs, and marketing routes instantly upon new deployments or content updates.

Pipeline Engine Memoization & Editor Responsiveness

  • Node Memoization: DevFlow's visual canvas now memoizes pipeline nodes, reducing redundant re-renders during complex multi-node graph editing.
  • Inspector Panel Ergonomics: Upgraded the node inspector panel with clearer parameter inputs, real-time validation badges, and seamless dotted-variable autocompletion.
  • Robust Pipeline Store: Hardened pipeline execution state management with comprehensive test coverage for store actions, node transitions, and execution recovery.

Modular Tool Examples & Bundle Optimization

Tool sample presets have been decoupled from core logic files across 12+ developer tools:

Comprehensive Test Suite & Dependency Updates

  • Expanded Unit Testing: Added comprehensive unit test coverage for pipeline execution stores, cron orchestration endpoints, ethical ad components, SEO structured data schemas, and tool action handlers.
  • Upgraded Core Dependencies: Updated Vercel AI SDK (ai 7.0.107, @ai-sdk/openai, @ai-sdk/anthropic, @ai-sdk/groq), Better Auth (1.7.5), Lucide icons (1.47.0), Prettier (3.9.8), and TypeScript build toolchains.

Affected Tools

Tool Change
QR Code Generator Asynchronous QR generation with dynamic lazy-loading of the qrcode library, non-blocking bulk generation, and modular examples.
Markdown Preview Enhanced preview panel rendering, smoother scroll synchronization, and extracted example presets.
Diff Viewer Extracted sample diffs into dedicated example module for reduced initial bundle footprint.
GraphQL to TypeScript Modularized schema examples and refined AST conversion pipeline.
GraphQL Query Builder Modularized query examples and improved query formatting resilience.
HTML Formatter Decoupled HTML sample presets and improved formatting error handling.
JQ Playground Extracted sample JSON payloads and jq filter presets into standalone module.
JavaScript Minifier Decoupled JavaScript code examples and refined minification options.
Mock Data Generator Modularized schema template presets for faster initial component load.
Protobuf Inspector Extracted proto definition examples and enhanced inspection stability.
SQL Formatter Modularized sample SQL queries and optimized dialect formatting.
SVG Optimizer Asynchronous optimization handling and modularized SVG sample presets.
JSON to Parquet Improved error boundaries and schema validation feedback.
JSON Formatter Refined parsing error handling and tool output chaining resilience.
Base64 Encoder/Decoder Refactored tool output layout and copy-paste action handling.