Skip to content

refactor(core): Inline Vue ViewModel checks in normalize and safeJoin#19855

Closed
HazAT wants to merge 1 commit intodevelopfrom
bundle-size/inline-vue-checks
Closed

refactor(core): Inline Vue ViewModel checks in normalize and safeJoin#19855
HazAT wants to merge 1 commit intodevelopfrom
bundle-size/inline-vue-checks

Conversation

@HazAT
Copy link
Member

@HazAT HazAT commented Mar 17, 2026

Summary

Inline isVueViewModel() and getVueInternalName() at their only two call sites. Saves ~15 bytes gzipped.

Problem

isVueViewModel() and getVueInternalName() are standalone exported functions in is.ts and stacktrace.ts, but they are only called from two places: normalize.ts (stringifyValue) and string.ts (safeJoin). Keeping them as separate imports prevents tree-shaking from eliminating their definitions.

Solution

Inline the check directly using the in operator (satisfies no-explicit-any / no-unsafe-member-access lint rules):

// Before
if (isVueViewModel(value)) {
  return getVueInternalName(value);
}

// After
if ('__isVue' in value || '_isVue' in value || '__v_isVNode' in value) {
  return '__v_isVNode' in value && value.__v_isVNode ? '[VueVNode]' : '[VueViewModel]';
}

The Vue check prevents infinite console warning loops when stringifying Vue 2/3 ViewModel instances or VNodes (see #8981). The behavior is identical.

Part of #19833.

Co-Authored-By: Claude claude@anthropic.com

Copy link

@cursor cursor bot left a comment

Choose a reason for hiding this comment

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

Cursor Bugbot has reviewed your changes and found 2 potential issues.

Fix All in Cursor

Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.

if (
typeof value === 'object' &&
value !== null &&
('__isVue' in value || '_isVue' in value || '__v_isVNode' in value)
Copy link

Choose a reason for hiding this comment

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

Property existence check differs from original truthiness check

Low Severity

The inlined check uses '__isVue' in value || '_isVue' in value || '__v_isVNode' in value which tests property existence, while the original isVueViewModel tested property truthiness (value.__isVue || value._isVue || value.__v_isVNode). The in operator returns true even if the property value is false, 0, null, or undefined. An object with e.g. { __isVue: false } would now be incorrectly identified as a Vue ViewModel when it previously would not have been. The PR claims identical behavior, but this is a subtle semantic difference.

Additional Locations (1)
Fix in Cursor Fix in Web

@github-actions
Copy link
Contributor

github-actions bot commented Mar 17, 2026

size-limit report 📦

Path Size % Change Change
@sentry/browser 25.55 kB added added
@sentry/browser - with treeshaking flags 24.05 kB added added
@sentry/browser (incl. Tracing) 42.52 kB added added
@sentry/browser (incl. Tracing, Profiling) 47.18 kB added added
@sentry/browser (incl. Tracing, Replay) 81.29 kB added added
@sentry/browser (incl. Tracing, Replay) - with treeshaking flags 70.88 kB added added
@sentry/browser (incl. Tracing, Replay with Canvas) 86 kB added added
@sentry/browser (incl. Tracing, Replay, Feedback) 98.27 kB added added
@sentry/browser (incl. Feedback) 42.35 kB added added
@sentry/browser (incl. sendFeedback) 30.22 kB added added
@sentry/browser (incl. FeedbackAsync) 35.29 kB added added
@sentry/browser (incl. Metrics) 26.82 kB added added
@sentry/browser (incl. Logs) 26.96 kB added added
@sentry/browser (incl. Metrics & Logs) 27.64 kB added added
@sentry/react 27.32 kB added added
@sentry/react (incl. Tracing) 44.86 kB added added
@sentry/vue 29.99 kB added added
@sentry/vue (incl. Tracing) 44.37 kB added added
@sentry/svelte 25.57 kB added added
CDN Bundle 28.21 kB added added
CDN Bundle (incl. Tracing) 43.38 kB added added
CDN Bundle (incl. Logs, Metrics) 29.07 kB added added
CDN Bundle (incl. Tracing, Logs, Metrics) 44.23 kB added added
CDN Bundle (incl. Replay, Logs, Metrics) 68.14 kB added added
CDN Bundle (incl. Tracing, Replay) 80.25 kB added added
CDN Bundle (incl. Tracing, Replay, Logs, Metrics) 81.14 kB added added
CDN Bundle (incl. Tracing, Replay, Feedback) 85.77 kB added added
CDN Bundle (incl. Tracing, Replay, Feedback, Logs, Metrics) 86.66 kB added added
CDN Bundle - uncompressed 82.4 kB added added
CDN Bundle (incl. Tracing) - uncompressed 128.33 kB added added
CDN Bundle (incl. Logs, Metrics) - uncompressed 85.26 kB added added
CDN Bundle (incl. Tracing, Logs, Metrics) - uncompressed 131.19 kB added added
CDN Bundle (incl. Replay, Logs, Metrics) - uncompressed 208.89 kB added added
CDN Bundle (incl. Tracing, Replay) - uncompressed 245.18 kB added added
CDN Bundle (incl. Tracing, Replay, Logs, Metrics) - uncompressed 248.03 kB added added
CDN Bundle (incl. Tracing, Replay, Feedback) - uncompressed 258.09 kB added added
CDN Bundle (incl. Tracing, Replay, Feedback, Logs, Metrics) - uncompressed 260.93 kB added added
@sentry/nextjs (client) 47.29 kB added added
@sentry/sveltekit (client) 42.96 kB added added
@sentry/node-core 56.29 kB added added
@sentry/node 173.23 kB added added
@sentry/node - without tracing 96.26 kB added added
@sentry/aws-serverless 113.29 kB added added

@github-actions
Copy link
Contributor

github-actions bot commented Mar 17, 2026

node-overhead report 🧳

Note: This is a synthetic benchmark with a minimal express app and does not necessarily reflect the real-world performance impact in an application.

Scenario Requests/s % of Baseline Prev. Requests/s Change %
GET Baseline 8,829 - - added
GET With Sentry 1,685 19% - added
GET With Sentry (error only) 6,012 68% - added
POST Baseline 1,190 - - added
POST With Sentry 595 50% - added
POST With Sentry (error only) 1,045 88% - added
MYSQL Baseline 3,219 - - added
MYSQL With Sentry 460 14% - added
MYSQL With Sentry (error only) 2,598 81% - added

The isVueViewModel() and getVueInternalName() functions from is.ts and
stacktrace.ts were only called from two sites: normalize.ts (stringifyValue)
and string.ts (safeJoin). Inlining the checks directly at these call sites
allows tree-shaking to eliminate the standalone function definitions from
bundles that pull in normalize/string but not is.ts for other reasons.

Uses the `in` operator instead of `as any` casts to satisfy the linter's
no-explicit-any / no-unsafe-member-access rules.

The Vue check prevents infinite console warning loops when stringifying
Vue 2/3 ViewModel instances or VNodes (see #8981).

Saves ~15 bytes gzipped on the base browser bundle.

Co-Authored-By: Claude claude@anthropic.com
@Lms24 Lms24 force-pushed the bundle-size/inline-vue-checks branch from 1141c3c to 21a51b1 Compare March 19, 2026 11:39
@Lms24 Lms24 requested review from a team as code owners March 19, 2026 11:39
@Lms24 Lms24 changed the base branch from autoresearch/browser-bundle-size-2026-03-17 to develop March 19, 2026 11:39
@github-actions
Copy link
Contributor

github-actions bot commented Mar 19, 2026

Semver Impact of This PR

🟢 Patch (bug fixes)

📋 Changelog Preview

This is how your changes will appear in the changelog.
Entries from this PR are highlighted with a left border (blockquote style).


New Features ✨

  • (remix) Server Timing Headers Trace Propagation by onurtemizkan in #18653

Bug Fixes 🐛

Deps

  • Bump next to 15.5.13/16.1.7 to fix CVE-2026-1525, CVE-202-33036 and related by chargome in #19870
  • Bump devalue 5.6.3 to 5.6.4 to fix CVE-2026-30226 by chargome in #19849
  • Bump file-type to 21.3.2 and @nestjs/common to 11.1.17 by chargome in #19847
  • Bump unhead 2.1.4 to 2.1.12 to fix CVE-2026-31860 and CVE-2026-31873 by chargome in #19848
  • Bump flatted 3.3.1 to 3.4.2 to fix CVE-2026-32141 by chargome in #19842
  • Bump tar 7.5.10 to 7.5.11 to fix CVE-2026-31802 by chargome in #19846
  • Bump hono 4.12.5 to 4.12.7 in cloudflare-hono E2E test app by chargome in #19850
  • Bump undici 6.23.0 to 6.24.1 to fix multiple CVEs by chargome in #19841

Other

  • (cloudflare) Use correct env types for withSentry by JPeer264 in #19836
  • (core) Align error span status message with core SpanStatusType for langchain/google-genai by nicohrubec in #19863
  • (deno) Clear pre-existing OTel global before registering TracerProvider by sergical in #19723
  • (node-core) Recycle propagationContext for each request by Lms24 in #19835

Internal Changes 🔧

Core

  • Inline Vue ViewModel checks in normalize and safeJoin by HazAT in #19855
  • Simplify core utility functions for smaller bundle by HazAT in #19854

Other

  • (deps) Bump next from 16.1.5 to 16.1.7 in /dev-packages/e2e-tests/test-applications/nextjs-16 by dependabot in #19851
  • (nextjs) Skip broken ISR tests by chargome in #19871
  • (react) Add gql tests for react router by chargome in #19844
  • (release) Switch from action-prepare-release to Craft by BYK in #18763

🤖 This preview updates automatically when you update the PR.

Copy link
Member

@Lms24 Lms24 left a comment

Choose a reason for hiding this comment

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

I'm going to close this. This might slightly improve bundle size but it drastically reduces readability. Plus this vue stuff is prone to sneak into core code, so I'd rather have one/two reusable functions we can just plug into the code path. If we reuse the function once more, it should amortize the bundle cost of declaring a function.

@Lms24 Lms24 closed this Mar 19, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants