Skip to content

refactor(dashboard): drop ObjectPivotTable's i18n-resolver ref workaround - #5851

Merged
os-zhuang merged 1 commit into
mainfrom
claude/issue-5625-pivottable-i18n-ref-workaround
Aug 23, 2026
Merged

os-zhuang merged 1 commit into
mainfrom
claude/issue-5625-pivottable-i18n-ref-workaround

Conversation

@os-zhuang

Copy link
Copy Markdown
Contributor

Fixes #5625

Removes the hand-rolled ref indirection around the two i18n resolvers in
ObjectPivotTable, mirroring the removal #5587 landed in ObjectChart
(PR #5628) one package over.

Why the refs were there, and why they no longer buy anything

The metadata-derivation effect held fieldLabel / fieldOptionLabel behind
fieldLabelRef / fieldOptionLabelRef plus a useEffect keeping them current,
so it would not have to declare them. The stated reason was that the i18n hook
"returns fresh function identities each render" — true at the time:
useSafeFieldLabel() returned a fresh object on every render outside an i18next
provider.

That made a direct dependency genuinely unsafe here, and in a sharper way than
in ObjectChart. This effect ends in two setState calls
(setFieldLabelMaps / setFieldNameLabels) with freshly built objects, so
each run scheduled a re-render, which produced fresh resolver identities, which
re-ran the effect: an unbounded derive loop rather than a merely wasteful one.

useObjectLabel's memo now pins both of its dependencies to module constants
while no i18next instance is bound (#5564, PR #5585), so the resolvers have a
stable identity on both paths. packages/i18n/src/useObjectLabel.ts carries
that fix on main today and useObjectLabel-identity-5564.test.tsx pins it,
including through useSafeFieldLabel specifically. Precondition re-verified on
current main before anything was removed.

What the removal buys — the user-visible half

A ref-hidden dependency meant the derivation did not re-run when the
resolver genuinely changed. A pivot mounted before its I18nProvider, or
rendered across a language switch, kept showing its top-left header label and
its select-option cell labels as resolved by the old resolver, until some
unrelated dependency (the data source, the object name) happened to move. It
now re-derives exactly once on that transition.

The two cautions the card raised, as tests

ObjectPivotTable.i18nResolverDeps.test.tsx (new) asserts a derivation
count
, not rendered output — nothing renders wrong under the loop, so an
output assertion is green against the defect:

  1. Effect-run counting across re-renders, in and out of a provider —
    getObjectSchema call count across mount plus three forced re-renders, once
    with no provider (asserting the raw labels, so a leaked process-global
    fails loudly instead of silently duplicating the other case) and once inside
    one (asserting the localized labels, so the two cases really exercise the two
    identity paths).
  2. Settle check on the two derived state maps — one distinct rowLabels
    identity (fieldLabelMaps), one distinct rowFieldLabel
    (fieldNameLabels), and a render count that stops growing over a quiet
    window. The settle question the card flagged is answered: the maps do settle,
    because the effect runs once per genuine resolver change.
  3. A third case pins the language-switch re-derivation described above.

The no-provider case runs first, because createI18n registers its instance
as react-i18next's process-global and that registration survives cleanup().

Reverse verification

Both legs on real commits, mutation confirmed on disk by grep rather than by an
editor's exit code, each leg driven by a script with a trap … EXIT INT TERM
restore. @object-ui/i18n is vitest-aliased to packages/i18n/src, so both
mutations are live from source with no rebuild step to get wrong.

Ablation Result
Restore the ref workaround in ObjectPivotTable.tsx (git checkout the base rev; fieldLabelRef back to 3 occurrences, direct-deps line to 0) RED — AssertionError: expected 'Stage (en)' to be 'Stage (ja)'. 1 failed, 2 passed.
Revert the memo-stability fix in useObjectLabel.ts (NO_INSTANCE_T; to 0 occurrences, const t = boundT; to 1) RED — AssertionError: expected 258 to be 1, i.e. 258 derivations instead of one: the loop returns. 1 failed, 2 passed.
Restored tree GREEN — 3 passed, git diff HEAD --stat empty.

Legs that do NOT discriminate, named rather than implied: under the first
ablation the two counting cases stay green — the ref version also derives
exactly once, which was the whole point of the ref — so only the language-switch
case speaks for the source change. Under the second ablation the two
with-provider cases stay green, because that identity path was stable before
#5585 too; only the no-provider case speaks for it. Neither leg alone covers the
change; the pair does.

Verification, all at b83dd427c

  • pnpm exec vitest run packages/plugin-dashboard/ packages/i18n/ — 129 test
    files, 1607 tests passed
    .
  • pnpm --filter @object-ui/plugin-dashboard type-check — exit 0, after
    pnpm --filter '@object-ui/plugin-dashboard^...' build. Output echoed
    > tsc --noEmit && tsc -p tsconfig.test.json, so it was not a zero-match
    no-op.
  • pnpm lint (repo-wide eslint . --no-inline-config) — 0 errors repo-wide.
    No react-hooks/exhaustive-deps finding on the changed files: the new dep
    array is honest and needed no suppression.
  • node scripts/check-changeset-presence.mjs — OK, 1 changeset declared.
  • check:control-bytes (4870 files), check:phantom-deps,
    check:self-import, check:i18n-keys — all OK.

No type was widened, no pin loosened, no assertion weakened, no exemption added.

Generated by Claude Code


Generated by Claude Code

…ound

The metadata-derivation effect held `fieldLabel` / `fieldOptionLabel` behind
refs so it would not have to declare them, because `useSafeFieldLabel()`
returned a fresh object every render outside an i18next provider — a direct
dependency would have re-run the effect on every render, and since it ends in
two `setState` calls with freshly built objects, each run scheduled the next
one.

`useObjectLabel`'s memo now holds on both paths (objectui#5564), so the refs are
dead weight. Removing them also restores the re-derivation the refs suppressed:
a pivot rendered across a language switch now updates its header and option
labels instead of serving the old resolver's output.

Mirrors the same removal in `ObjectChart` (objectui#5587).

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01EuPCi56cnGyykygi3z9w4m
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

Metric Value Budget
Eager closure (gzip, 52 chunks) 3228.4 KB 3990.2 KB
Main entry chunk (gzip) 152.8 KB 350 KB
Entry file index-e3arVFs6.js —
Status PASS —

The eager closure is every chunk the entry reaches through static imports — what the browser fetches and parses before the app renders. The entry chunk on its own is a small fraction of it.


📦 Bundle Size Report

Package Size Gzipped
app-shell (consoleActionDispatch.js) 0.20KB 0.19KB
app-shell (index.js) 10.13KB 3.77KB
app-shell (runtime-config.js) 12.80KB 4.47KB
app-shell (types.js) 0.01KB 0.04KB
app-shell (urlParams.js) 10.06KB 3.86KB
auth (ActiveOrganizationStorage.js) 25.05KB 9.16KB
auth (AuthContext.js) 0.31KB 0.24KB
auth (AuthGuard.js) 2.07KB 1.00KB
auth (AuthProvider.js) 40.18KB 10.59KB
auth (AuthShell.js) 3.49KB 1.40KB
auth (ForgotPasswordForm.js) 12.21KB 3.45KB
auth (LoginForm.js) 18.15KB 5.39KB
auth (PreviewBanner.js) 0.90KB 0.50KB
auth (RegisterForm.js) 6.65KB 2.22KB
auth (SocialSignInButtons.js) 9.61KB 3.89KB
auth (UserMenu.js) 3.41KB 1.23KB
auth (auth-gate-events.js) 1.29KB 0.66KB
auth (authStyles.js) 5.04KB 1.72KB
auth (createAuthClient.js) 40.21KB 10.80KB
auth (createAuthenticatedFetch.js) 8.46KB 3.43KB
auth (index.js) 3.19KB 1.44KB
auth (invitation-status.js) 1.22KB 0.70KB
auth (org-roles.js) 6.66KB 2.78KB
auth (phone-identifier.js) 1.11KB 0.66KB
auth (types.js) 0.59KB 0.35KB
auth (useAuth.js) 5.30KB 1.02KB
auth (useWorkspaceAdminStatus.js) 5.13KB 2.35KB
collaboration (CommentThread.js) 26.08KB 7.56KB
collaboration (LiveCursors.js) 3.17KB 1.27KB
collaboration (PresenceAvatars.js) 6.49KB 2.64KB
collaboration (PresenceProvider.js) 2.79KB 1.13KB
collaboration (index.js) 1.68KB 0.73KB
collaboration (useCollaborationTranslation.js) 6.05KB 2.52KB
collaboration (useCommentSearch.js) 1.98KB 0.88KB
collaboration (useConflictResolution.js) 7.75KB 1.86KB
collaboration (useMentionNotifications.js) 1.81KB 0.68KB
collaboration (usePresence.js) 6.33KB 1.84KB
collaboration (useRealtimeSubscription.js) 7.91KB 2.01KB
components (index.js) 503.68KB 113.91KB
core (index.js) 4.92KB 1.97KB
create-plugin (index.js) 10.08KB 3.26KB
data-objectstack (index.js) 164.55KB 45.67KB
fields (index.js) 238.40KB 59.89KB
i18n (LocalizationContext.js) 1.76KB 0.96KB
i18n (currency.js) 1.22KB 0.64KB
i18n (i18n.js) 4.28KB 1.75KB
i18n (index.js) 3.44KB 1.39KB
i18n (pickLocalized.js) 7.62KB 3.26KB
i18n (provider.js) 23.13KB 7.63KB
i18n (useDisplayLocale.js) 2.85KB 1.45KB
i18n (useObjectLabel.js) 33.40KB 8.71KB
i18n (useSafeTranslation.js) 7.77KB 3.13KB
layout (index.js) 38.95KB 10.97KB
mobile (MobileProvider.js) 0.92KB 0.49KB
mobile (ResponsiveContainer.js) 0.94KB 0.38KB
mobile (breakpoints.js) 1.51KB 0.70KB
mobile (createOfflineDataSource.js) 5.61KB 1.75KB
mobile (index.js) 1.55KB 0.62KB
mobile (offlineQueue.js) 3.91KB 1.35KB
mobile (pwa.js) 0.97KB 0.49KB
mobile (serviceWorker.js) 1.48KB 0.62KB
mobile (serviceWorkerSource.js) 3.41KB 1.48KB
mobile (useBreakpoint.js) 1.54KB 0.65KB
mobile (useGesture.js) 6.96KB 1.98KB
mobile (useOfflineSync.js) 1.99KB 0.72KB
mobile (usePullToRefresh.js) 2.53KB 0.85KB
mobile (useResponsive.js) 0.72KB 0.42KB
mobile (useResponsiveConfig.js) 1.37KB 0.63KB
mobile (useSpecGesture.js) 4.32KB 1.64KB
mobile (useTouchTarget.js) 1.01KB 0.54KB
permissions (MePermissionsProvider.js) 9.53KB 3.38KB
permissions (PermissionContext.js) 0.31KB 0.25KB
permissions (PermissionGuard.js) 0.89KB 0.45KB
permissions (PermissionProvider.js) 4.64KB 1.50KB
permissions (evaluator.js) 5.12KB 1.74KB
permissions (index.js) 0.93KB 0.41KB
permissions (store.js) 0.91KB 0.42KB
permissions (useFieldPermissions.js) 1.28KB 0.53KB
permissions (usePermissions.js) 1.93KB 0.88KB
plugin-ai (index.js) 15.75KB 3.80KB
plugin-calendar (index.js) 46.62KB 12.83KB
plugin-charts (index.js) 64.66KB 18.32KB
plugin-chatbot (index.js) 186.91KB 44.22KB
plugin-dashboard (index.js) 132.35KB 34.26KB
plugin-designer (index.js) 212.30KB 42.80KB
plugin-detail (index.js) 242.34KB 60.99KB
plugin-editor (index.js) 2.46KB 1.10KB
plugin-form (index.js) 125.63KB 30.64KB
plugin-gantt (index.js) 164.15KB 39.88KB
plugin-grid (index.js) 200.79KB 54.26KB
plugin-kanban (index.js) 52.93KB 14.60KB
plugin-list (index.js) 111.80KB 27.20KB
plugin-map (index.js) 20.06KB 6.62KB
plugin-markdown (index.js) 13.72KB 4.69KB
plugin-report (index.js) 43.49KB 11.93KB
plugin-timeline (index.js) 26.49KB 7.59KB
plugin-tree (index.js) 8.50KB 2.88KB
plugin-view (index.js) 84.51KB 20.72KB
providers (DataSourceProvider.js) 0.75KB 0.39KB
providers (MetadataProvider.js) 1.37KB 0.59KB
providers (ThemeProvider.js) 1.90KB 0.85KB
providers (UploadProvider.js) 11.66KB 3.50KB
providers (index.js) 0.45KB 0.23KB
providers (types.js) 0.01KB 0.04KB
react-runtime (index.js) 5.62KB 2.34KB
react (LazyPluginLoader.js) 3.77KB 1.33KB
react (SchemaRenderer.js) 52.40KB 17.45KB
react (data-invalidation.js) 5.05KB 2.08KB
react (index.js) 1.33KB 0.69KB
react (schema-input.js) 2.32KB 1.24KB
react (spec-input.js) 0.20KB 0.18KB
sdui-parser (codegen.js) 5.41KB 2.34KB
sdui-parser (dashboard-widget-options.js) 3.08KB 1.30KB
sdui-parser (index.js) 4.93KB 2.24KB
sdui-parser (input-type.js) 2.84KB 1.40KB
sdui-parser (parse.js) 12.13KB 3.65KB
sdui-parser (provenance.js) 3.66KB 1.82KB
sdui-parser (types.js) 0.28KB 0.23KB
sdui-parser (validate.js) 7.54KB 2.63KB
types (ai.js) 0.20KB 0.17KB
types (api-types.js) 0.20KB 0.18KB
types (app.js) 2.87KB 0.99KB
types (base.js) 0.20KB 0.18KB
types (blocks.js) 0.20KB 0.18KB
types (complex.js) 0.20KB 0.18KB
types (crud.js) 0.20KB 0.18KB
types (dashboard-filter-alias.js) 6.23KB 2.74KB
types (data-display.js) 0.20KB 0.18KB
types (data-protocol.js) 0.20KB 0.19KB
types (data.js) 0.20KB 0.18KB
types (designer.js) 1.87KB 0.85KB
types (disclosure.js) 0.20KB 0.18KB
types (error-code.js) 1.54KB 0.88KB
types (feedback.js) 0.20KB 0.18KB
types (field-types.js) 0.20KB 0.18KB
types (form.js) 0.20KB 0.18KB
types (http-inflight.js) 8.87KB 3.73KB
types (http-retry.js) 4.32KB 2.02KB
types (index.js) 3.88KB 1.85KB
types (layout.js) 0.20KB 0.18KB
types (managed-by.js) 0.19KB 0.18KB
types (mobile.js) 2.59KB 1.31KB
types (navigation.js) 0.20KB 0.18KB
types (objectql.js) 0.20KB 0.18KB
types (overlay.js) 0.20KB 0.18KB
types (permissions.js) 0.20KB 0.18KB
types (plugin-scope.js) 0.20KB 0.18KB
types (record-components.js) 0.20KB 0.19KB
types (record-semantics.js) 1.28KB 0.67KB
types (registry.js) 0.20KB 0.18KB
types (reports.js) 0.20KB 0.18KB
types (spec-report.js) 5.05KB 1.93KB
types (spec-ui-namespace.js) 0.20KB 0.19KB
types (system-fields.js) 3.33KB 1.54KB
types (theme.js) 6.28KB 2.87KB
types (ui-action.js) 3.40KB 1.71KB
types (views.js) 0.20KB 0.18KB
types (widget.js) 0.20KB 0.18KB

Size Limits

  • ✅ Core packages should be < 50KB gzipped
  • ✅ Component packages should be < 100KB gzipped
  • ⚠️ Plugin packages should be < 150KB gzipped

@os-zhuang
os-zhuang marked this pull request as ready for review August 23, 2026 15:41
@os-zhuang
os-zhuang added this pull request to the merge queue Aug 23, 2026
Merged via the queue into main with commit 84d70bb Aug 23, 2026
23 checks passed
@os-zhuang
os-zhuang deleted the claude/issue-5625-pivottable-i18n-ref-workaround branch August 23, 2026 15:41
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

finding(dashboard): ObjectPivotTable carries the same i18n-resolver ref workaround #5587 is removing from ObjectChart

2 participants