test(console): take the app-shell barrel out of three vi.mock factories (#6580) - #7315

Merged
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original
Sep 2, 2026
Merged

test(console): take the app-shell barrel out of three vi.mock factories (#6580)#7315
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original

Conversation

@yinlianghui

Copy link
Copy Markdown
Collaborator

Fixes#6580

1. Measurement first — the population is 3, not 12

The card was explicit that 12 was a path-intersection upper bound, because a file
lands in it if it mocks @object-ui/app-shelland uses importOriginal anywhere.
Attributing each importOriginal call to the factory it actually sits in (paren-balanced
scan over every vi.mock call, then confirmed by reading the three survivors):

Ripgrep over apps/console finds 22 files mocking the package — one more than the
card's GitHub code-search figure of 21, so the index was indeed lagging.

fileimportOriginal belongs toaffected
components/FormPage.predicateScope.test.tsx@object-ui/app-shell, @object-ui/authYES
components/SetupRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuth, packages/app-shell/src/providers/MetadataProviderYES
components/StudioRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuthYES
pages/system/ApprovalsInboxPage.cellIdentity.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.characterizationPins.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.hiddenFieldTrim.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.queueHiddenAmount.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.rawPayloadGate.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.recordLink.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.stepProgressVertical.test.tsx../../services/approvalsApino
pages/system/__tests__/AppManagementPage.i18n.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.mutations.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.search.test.tsx@object-ui/i18nno
the remaining 9 filesno importOriginal at allno

N = 3. The card's own caveat was right: nine of the twelve candidates carry an
importOriginal that belongs to approvalsApi or @object-ui/i18n, not to the barrel.

2. Cost, re-measured on this tree

performance.now() around the call, in a throwaway probe file that was deleted before
the commit (a vi.hoisted holder carries the number out of the hoisted factory):

PROBE6580 app-shell=10019ms auth=237ms

That reproduces the card's 10204ms / 240ms independently. Two of the card's structural
numbers have grown since it was filed and are corrected here: the barrel is 447 lines
carrying 13 bare side-effect imports, not 385 and 8.

3. Which lever, and why the other two are not it

(a) alias the test build to built output — not viable..github/workflows/ci.yml
runs pnpm install --frozen-lockfile and then pnpm test --shard=N/4 with no build
step
, and packages/app-shell/dist does not exist at test time. The alias table in
apps/console/vite.config.ts points every @object-ui/* entry at source, so this would
also be a single inconsistent entry.

(b) trim the barrel's side-effect imports — stopped, per the dispatch ruling. Those
13 imports are registration side effects of the published package; removing or deferring
them changes what a consumer gets from importing the barrel. Making only the test alias
avoid them requires a second entry point, which is lever (a) wearing a different hat.
Not landed here.

(c) drop importOriginal for this package in the factories — chosen. Confined to the
three test files, no published surface touched.

What decided it: each submodule these factories actually need was timed individually, and
then the barrel was timed after all of them were already loaded.

modulecold cost
chrome/index549 ms
console/ConsoleShell1477 ms
providers/ExpressionProvider0 ms
providers/expressionUser4 ms
utils/index0 ms
providers/MetadataProvider0 ms
the barrel, with all six already loaded7828 ms

So ~7.8 s of the ~10 s is graph these three files never touch. The factories now spread
the submodules the real exports live in.

4. Why this is not fragile — a static coverage proof

Dropping the whole-barrel spread risks a name silently becoming undefined on a path no
test exercises. So the covering set was derived statically, over the full transitive
module graph of each test file (~1237 modules once NodeNext .js specifiers resolve to
their TypeScript sources), not from the paths the tests happen to run. Every name any
module in the graph imports from @object-ui/app-shell must be an override, a type-only
barrel export, or an export of a spread submodule:

fileunion of names read from the barreluncovered
SetupRoute.test.tsxConnectedShell, LoadingFallback, MetadataTypeStatus, RedirectWithSplash, RequireOrganization, SETUP_APP_NAME, SETUP_APP_PACKAGE_ID, SetupRedirect, useMetadata0
StudioRoute.test.tsxBuilderLanding, ConnectedShell, LoadingFallback, LoadingScreen, RedirectWithSplash, RequireOrganization, StudioDesignSurface, getProductName0
FormPage.predicateScope.test.tsxDefaultHomeLayout, ExpressionProvider, FormFieldSpec, FormSectionSpec, FormViewSpec, buildExpressionUser, resolveHostAppSegment, useMetadata, useNavigationContext0

The same scan confirms no module inside any workspace package imports the barrel by its
package name, so the consumer set is exactly those console files.

One subtlety worth flagging for review: SetupRoute.test.tsx mocks
packages/app-shell/src/providers/MetadataProvider separately, but RootLandingRedirect
reads useMetadata through the barrel. The old whole-barrel spread covered that by
re-exporting the already-mocked provider. The replacement spells the same stub out in the
app-shell factory rather than importing the provider module, so console's tsc program
gains no new cross-package source edge; the comment there says the two must stay in step.

5. Before / after

Same three files, same flags, same command, from the repo root:

pnpm exec vitest run --project @object-ui/console --no-file-parallelism --reporter=verbose \
apps/console/src/components/SetupRoute.test.tsx \
apps/console/src/components/StudioRoute.test.tsx \
apps/console/src/components/FormPage.predicateScope.test.tsx
beforeafter
import13.07 s2.64 s
transform17.09 s11.27 s
tests560 ms473 ms
total duration40.21 s30.52 s
result3 files / 37 tests passed3 files / 37 tests passed

These are shared-box seconds — the runs went through the shared verification lock, which
excludes other locked runs but not unlocked sibling work, so read the ratio (import phase
down ~5x) rather than the absolutes.

6. Verification

All from the repo root of the task worktree, exit codes captured before any pipe.

  • tests, final tree: Test Files 3 passed (3) / Tests 37 passed (37), lock VERDICT command-exit 0
  • pnpm --filter @object-ui/console run type-check -> exit 0, 0 error TS. Run after
    pnpm --workspace-concurrency=4 --filter "@object-ui/console^..." run build so the
    dependency closure was real; tsc --noEmit --listFiles confirms all three edited files
    are in the program (1 hit each), so "type-check clean" actually covers them.
  • pnpm exec eslint on the three changed files -> exit 0. One pre-existing
    no-explicit-any warning at line 188 of FormPage.predicateScope.test.tsx, outside
    every hunk in this diff.
  • pnpm check:control-bytes -> exit 0, scanned 6009 tracked text file(s).
  • node scripts/check-changeset-presence.mjs -> exit 0: "Every one of them has an
    EMPTY frontmatter — declared as releasing nothing, which is the explicit exemption".
    pnpm changeset:check -> exit 0.
  • pnpm lint:coverage -> exit 0 (46/46). pnpm type-check:coverage -> exit 0.

Not run locally, left to CI: the full apps/console project and the repo-wide lint farm.
This is a declared narrowing — the diff is three test files plus an empty-frontmatter
changeset, and CI runs the farm exactly once regardless.

7. Not touched

apps/console/vitest.config.ts, root vitest.config.mts and root vitest.setup.* are
owned by in-flight PRs #7291 and #7304. No timeout was raised, nothing was added to
heavyDomTests, and nothing was skipped or quarantined.

🤖 Generated with Claude Code

https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b


Generated by Claude Code

`@object-ui/app-shell` is aliased to `packages/app-shell/src` in
`apps/console/vite.config.ts`, so a `vi.mock` factory that calls
`importOriginal()` on it transforms the whole barrel graph on demand —
447 lines and thirteen bare side-effect imports. Re-measured on this
tree with `performance.now()` around the call: 10019ms, against 237ms
for `@object-ui/auth` in the same file.
A per-file read of every console test that mocks the package attributes
each `importOriginal` to the factory it sits in. The population is three
files, not the twelve the path-intersection upper bound suggested: the
other nineteen either use no `importOriginal` at all or use it for
`../../services/approvalsApi`, `@object-ui/i18n` or `@object-ui/auth`.
Each of the three factories overrides most of what its graph reads from
the barrel and needs only a handful of real exports, all of which live
in submodules that cost ~2.0s together. Timed individually, the barrel
still costs 7828ms AFTER every one of those submodules is already
loaded — that residue is the side-effect imports and the rest of the
package, none of which these tests touch. So the factories now spread
those submodules instead of the barrel.
Which names each file's graph reads from the barrel was enumerated
statically over the whole transitive module graph (~1237 modules per
file), not from the paths the tests happen to exercise, and every one
of them is an override, a type-only export, or an export of a spread
submodule.
Three files, same 37 tests, same flags, from the repo root:
import phase 13.07s -> 2.64s, transform 17.09s -> 11.27s.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.2 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BOEfHVe7.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.46KB117.29KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

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

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

Labels

Projects

None yet

2 participants

@yinlianghui@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

test(console): take the app-shell barrel out of three vi.mock factories (#6580) - #7315

Merged
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original
Sep 2, 2026
Merged

test(console): take the app-shell barrel out of three vi.mock factories (#6580)#7315
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original

Conversation

@yinlianghui

Copy link
Copy Markdown
Collaborator

Fixes#6580

1. Measurement first — the population is 3, not 12

The card was explicit that 12 was a path-intersection upper bound, because a file
lands in it if it mocks @object-ui/app-shelland uses importOriginal anywhere.
Attributing each importOriginal call to the factory it actually sits in (paren-balanced
scan over every vi.mock call, then confirmed by reading the three survivors):

Ripgrep over apps/console finds 22 files mocking the package — one more than the
card's GitHub code-search figure of 21, so the index was indeed lagging.

fileimportOriginal belongs toaffected
components/FormPage.predicateScope.test.tsx@object-ui/app-shell, @object-ui/authYES
components/SetupRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuth, packages/app-shell/src/providers/MetadataProviderYES
components/StudioRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuthYES
pages/system/ApprovalsInboxPage.cellIdentity.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.characterizationPins.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.hiddenFieldTrim.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.queueHiddenAmount.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.rawPayloadGate.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.recordLink.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.stepProgressVertical.test.tsx../../services/approvalsApino
pages/system/__tests__/AppManagementPage.i18n.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.mutations.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.search.test.tsx@object-ui/i18nno
the remaining 9 filesno importOriginal at allno

N = 3. The card's own caveat was right: nine of the twelve candidates carry an
importOriginal that belongs to approvalsApi or @object-ui/i18n, not to the barrel.

2. Cost, re-measured on this tree

performance.now() around the call, in a throwaway probe file that was deleted before
the commit (a vi.hoisted holder carries the number out of the hoisted factory):

PROBE6580 app-shell=10019ms auth=237ms

That reproduces the card's 10204ms / 240ms independently. Two of the card's structural
numbers have grown since it was filed and are corrected here: the barrel is 447 lines
carrying 13 bare side-effect imports, not 385 and 8.

3. Which lever, and why the other two are not it

(a) alias the test build to built output — not viable..github/workflows/ci.yml
runs pnpm install --frozen-lockfile and then pnpm test --shard=N/4 with no build
step
, and packages/app-shell/dist does not exist at test time. The alias table in
apps/console/vite.config.ts points every @object-ui/* entry at source, so this would
also be a single inconsistent entry.

(b) trim the barrel's side-effect imports — stopped, per the dispatch ruling. Those
13 imports are registration side effects of the published package; removing or deferring
them changes what a consumer gets from importing the barrel. Making only the test alias
avoid them requires a second entry point, which is lever (a) wearing a different hat.
Not landed here.

(c) drop importOriginal for this package in the factories — chosen. Confined to the
three test files, no published surface touched.

What decided it: each submodule these factories actually need was timed individually, and
then the barrel was timed after all of them were already loaded.

modulecold cost
chrome/index549 ms
console/ConsoleShell1477 ms
providers/ExpressionProvider0 ms
providers/expressionUser4 ms
utils/index0 ms
providers/MetadataProvider0 ms
the barrel, with all six already loaded7828 ms

So ~7.8 s of the ~10 s is graph these three files never touch. The factories now spread
the submodules the real exports live in.

4. Why this is not fragile — a static coverage proof

Dropping the whole-barrel spread risks a name silently becoming undefined on a path no
test exercises. So the covering set was derived statically, over the full transitive
module graph of each test file (~1237 modules once NodeNext .js specifiers resolve to
their TypeScript sources), not from the paths the tests happen to run. Every name any
module in the graph imports from @object-ui/app-shell must be an override, a type-only
barrel export, or an export of a spread submodule:

fileunion of names read from the barreluncovered
SetupRoute.test.tsxConnectedShell, LoadingFallback, MetadataTypeStatus, RedirectWithSplash, RequireOrganization, SETUP_APP_NAME, SETUP_APP_PACKAGE_ID, SetupRedirect, useMetadata0
StudioRoute.test.tsxBuilderLanding, ConnectedShell, LoadingFallback, LoadingScreen, RedirectWithSplash, RequireOrganization, StudioDesignSurface, getProductName0
FormPage.predicateScope.test.tsxDefaultHomeLayout, ExpressionProvider, FormFieldSpec, FormSectionSpec, FormViewSpec, buildExpressionUser, resolveHostAppSegment, useMetadata, useNavigationContext0

The same scan confirms no module inside any workspace package imports the barrel by its
package name, so the consumer set is exactly those console files.

One subtlety worth flagging for review: SetupRoute.test.tsx mocks
packages/app-shell/src/providers/MetadataProvider separately, but RootLandingRedirect
reads useMetadata through the barrel. The old whole-barrel spread covered that by
re-exporting the already-mocked provider. The replacement spells the same stub out in the
app-shell factory rather than importing the provider module, so console's tsc program
gains no new cross-package source edge; the comment there says the two must stay in step.

5. Before / after

Same three files, same flags, same command, from the repo root:

pnpm exec vitest run --project @object-ui/console --no-file-parallelism --reporter=verbose \
apps/console/src/components/SetupRoute.test.tsx \
apps/console/src/components/StudioRoute.test.tsx \
apps/console/src/components/FormPage.predicateScope.test.tsx
beforeafter
import13.07 s2.64 s
transform17.09 s11.27 s
tests560 ms473 ms
total duration40.21 s30.52 s
result3 files / 37 tests passed3 files / 37 tests passed

These are shared-box seconds — the runs went through the shared verification lock, which
excludes other locked runs but not unlocked sibling work, so read the ratio (import phase
down ~5x) rather than the absolutes.

6. Verification

All from the repo root of the task worktree, exit codes captured before any pipe.

  • tests, final tree: Test Files 3 passed (3) / Tests 37 passed (37), lock VERDICT command-exit 0
  • pnpm --filter @object-ui/console run type-check -> exit 0, 0 error TS. Run after
    pnpm --workspace-concurrency=4 --filter "@object-ui/console^..." run build so the
    dependency closure was real; tsc --noEmit --listFiles confirms all three edited files
    are in the program (1 hit each), so "type-check clean" actually covers them.
  • pnpm exec eslint on the three changed files -> exit 0. One pre-existing
    no-explicit-any warning at line 188 of FormPage.predicateScope.test.tsx, outside
    every hunk in this diff.
  • pnpm check:control-bytes -> exit 0, scanned 6009 tracked text file(s).
  • node scripts/check-changeset-presence.mjs -> exit 0: "Every one of them has an
    EMPTY frontmatter — declared as releasing nothing, which is the explicit exemption".
    pnpm changeset:check -> exit 0.
  • pnpm lint:coverage -> exit 0 (46/46). pnpm type-check:coverage -> exit 0.

Not run locally, left to CI: the full apps/console project and the repo-wide lint farm.
This is a declared narrowing — the diff is three test files plus an empty-frontmatter
changeset, and CI runs the farm exactly once regardless.

7. Not touched

apps/console/vitest.config.ts, root vitest.config.mts and root vitest.setup.* are
owned by in-flight PRs #7291 and #7304. No timeout was raised, nothing was added to
heavyDomTests, and nothing was skipped or quarantined.

🤖 Generated with Claude Code

https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b


Generated by Claude Code

`@object-ui/app-shell` is aliased to `packages/app-shell/src` in
`apps/console/vite.config.ts`, so a `vi.mock` factory that calls
`importOriginal()` on it transforms the whole barrel graph on demand —
447 lines and thirteen bare side-effect imports. Re-measured on this
tree with `performance.now()` around the call: 10019ms, against 237ms
for `@object-ui/auth` in the same file.
A per-file read of every console test that mocks the package attributes
each `importOriginal` to the factory it sits in. The population is three
files, not the twelve the path-intersection upper bound suggested: the
other nineteen either use no `importOriginal` at all or use it for
`../../services/approvalsApi`, `@object-ui/i18n` or `@object-ui/auth`.
Each of the three factories overrides most of what its graph reads from
the barrel and needs only a handful of real exports, all of which live
in submodules that cost ~2.0s together. Timed individually, the barrel
still costs 7828ms AFTER every one of those submodules is already
loaded — that residue is the side-effect imports and the rest of the
package, none of which these tests touch. So the factories now spread
those submodules instead of the barrel.
Which names each file's graph reads from the barrel was enumerated
statically over the whole transitive module graph (~1237 modules per
file), not from the paths the tests happen to exercise, and every one
of them is an override, a type-only export, or an export of a spread
submodule.
Three files, same 37 tests, same flags, from the repo root:
import phase 13.07s -> 2.64s, transform 17.09s -> 11.27s.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.2 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BOEfHVe7.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.46KB117.29KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

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

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

Labels

Projects

None yet

2 participants

@yinlianghui@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

test(console): take the app-shell barrel out of three vi.mock factories (#6580) - #7315

Merged
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original
Sep 2, 2026
Merged

test(console): take the app-shell barrel out of three vi.mock factories (#6580)#7315
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original

Conversation

@yinlianghui

Copy link
Copy Markdown
Collaborator

Fixes#6580

1. Measurement first — the population is 3, not 12

The card was explicit that 12 was a path-intersection upper bound, because a file
lands in it if it mocks @object-ui/app-shelland uses importOriginal anywhere.
Attributing each importOriginal call to the factory it actually sits in (paren-balanced
scan over every vi.mock call, then confirmed by reading the three survivors):

Ripgrep over apps/console finds 22 files mocking the package — one more than the
card's GitHub code-search figure of 21, so the index was indeed lagging.

fileimportOriginal belongs toaffected
components/FormPage.predicateScope.test.tsx@object-ui/app-shell, @object-ui/authYES
components/SetupRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuth, packages/app-shell/src/providers/MetadataProviderYES
components/StudioRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuthYES
pages/system/ApprovalsInboxPage.cellIdentity.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.characterizationPins.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.hiddenFieldTrim.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.queueHiddenAmount.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.rawPayloadGate.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.recordLink.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.stepProgressVertical.test.tsx../../services/approvalsApino
pages/system/__tests__/AppManagementPage.i18n.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.mutations.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.search.test.tsx@object-ui/i18nno
the remaining 9 filesno importOriginal at allno

N = 3. The card's own caveat was right: nine of the twelve candidates carry an
importOriginal that belongs to approvalsApi or @object-ui/i18n, not to the barrel.

2. Cost, re-measured on this tree

performance.now() around the call, in a throwaway probe file that was deleted before
the commit (a vi.hoisted holder carries the number out of the hoisted factory):

PROBE6580 app-shell=10019ms auth=237ms

That reproduces the card's 10204ms / 240ms independently. Two of the card's structural
numbers have grown since it was filed and are corrected here: the barrel is 447 lines
carrying 13 bare side-effect imports, not 385 and 8.

3. Which lever, and why the other two are not it

(a) alias the test build to built output — not viable..github/workflows/ci.yml
runs pnpm install --frozen-lockfile and then pnpm test --shard=N/4 with no build
step
, and packages/app-shell/dist does not exist at test time. The alias table in
apps/console/vite.config.ts points every @object-ui/* entry at source, so this would
also be a single inconsistent entry.

(b) trim the barrel's side-effect imports — stopped, per the dispatch ruling. Those
13 imports are registration side effects of the published package; removing or deferring
them changes what a consumer gets from importing the barrel. Making only the test alias
avoid them requires a second entry point, which is lever (a) wearing a different hat.
Not landed here.

(c) drop importOriginal for this package in the factories — chosen. Confined to the
three test files, no published surface touched.

What decided it: each submodule these factories actually need was timed individually, and
then the barrel was timed after all of them were already loaded.

modulecold cost
chrome/index549 ms
console/ConsoleShell1477 ms
providers/ExpressionProvider0 ms
providers/expressionUser4 ms
utils/index0 ms
providers/MetadataProvider0 ms
the barrel, with all six already loaded7828 ms

So ~7.8 s of the ~10 s is graph these three files never touch. The factories now spread
the submodules the real exports live in.

4. Why this is not fragile — a static coverage proof

Dropping the whole-barrel spread risks a name silently becoming undefined on a path no
test exercises. So the covering set was derived statically, over the full transitive
module graph of each test file (~1237 modules once NodeNext .js specifiers resolve to
their TypeScript sources), not from the paths the tests happen to run. Every name any
module in the graph imports from @object-ui/app-shell must be an override, a type-only
barrel export, or an export of a spread submodule:

fileunion of names read from the barreluncovered
SetupRoute.test.tsxConnectedShell, LoadingFallback, MetadataTypeStatus, RedirectWithSplash, RequireOrganization, SETUP_APP_NAME, SETUP_APP_PACKAGE_ID, SetupRedirect, useMetadata0
StudioRoute.test.tsxBuilderLanding, ConnectedShell, LoadingFallback, LoadingScreen, RedirectWithSplash, RequireOrganization, StudioDesignSurface, getProductName0
FormPage.predicateScope.test.tsxDefaultHomeLayout, ExpressionProvider, FormFieldSpec, FormSectionSpec, FormViewSpec, buildExpressionUser, resolveHostAppSegment, useMetadata, useNavigationContext0

The same scan confirms no module inside any workspace package imports the barrel by its
package name, so the consumer set is exactly those console files.

One subtlety worth flagging for review: SetupRoute.test.tsx mocks
packages/app-shell/src/providers/MetadataProvider separately, but RootLandingRedirect
reads useMetadata through the barrel. The old whole-barrel spread covered that by
re-exporting the already-mocked provider. The replacement spells the same stub out in the
app-shell factory rather than importing the provider module, so console's tsc program
gains no new cross-package source edge; the comment there says the two must stay in step.

5. Before / after

Same three files, same flags, same command, from the repo root:

pnpm exec vitest run --project @object-ui/console --no-file-parallelism --reporter=verbose \
apps/console/src/components/SetupRoute.test.tsx \
apps/console/src/components/StudioRoute.test.tsx \
apps/console/src/components/FormPage.predicateScope.test.tsx
beforeafter
import13.07 s2.64 s
transform17.09 s11.27 s
tests560 ms473 ms
total duration40.21 s30.52 s
result3 files / 37 tests passed3 files / 37 tests passed

These are shared-box seconds — the runs went through the shared verification lock, which
excludes other locked runs but not unlocked sibling work, so read the ratio (import phase
down ~5x) rather than the absolutes.

6. Verification

All from the repo root of the task worktree, exit codes captured before any pipe.

  • tests, final tree: Test Files 3 passed (3) / Tests 37 passed (37), lock VERDICT command-exit 0
  • pnpm --filter @object-ui/console run type-check -> exit 0, 0 error TS. Run after
    pnpm --workspace-concurrency=4 --filter "@object-ui/console^..." run build so the
    dependency closure was real; tsc --noEmit --listFiles confirms all three edited files
    are in the program (1 hit each), so "type-check clean" actually covers them.
  • pnpm exec eslint on the three changed files -> exit 0. One pre-existing
    no-explicit-any warning at line 188 of FormPage.predicateScope.test.tsx, outside
    every hunk in this diff.
  • pnpm check:control-bytes -> exit 0, scanned 6009 tracked text file(s).
  • node scripts/check-changeset-presence.mjs -> exit 0: "Every one of them has an
    EMPTY frontmatter — declared as releasing nothing, which is the explicit exemption".
    pnpm changeset:check -> exit 0.
  • pnpm lint:coverage -> exit 0 (46/46). pnpm type-check:coverage -> exit 0.

Not run locally, left to CI: the full apps/console project and the repo-wide lint farm.
This is a declared narrowing — the diff is three test files plus an empty-frontmatter
changeset, and CI runs the farm exactly once regardless.

7. Not touched

apps/console/vitest.config.ts, root vitest.config.mts and root vitest.setup.* are
owned by in-flight PRs #7291 and #7304. No timeout was raised, nothing was added to
heavyDomTests, and nothing was skipped or quarantined.

🤖 Generated with Claude Code

https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b


Generated by Claude Code

`@object-ui/app-shell` is aliased to `packages/app-shell/src` in
`apps/console/vite.config.ts`, so a `vi.mock` factory that calls
`importOriginal()` on it transforms the whole barrel graph on demand —
447 lines and thirteen bare side-effect imports. Re-measured on this
tree with `performance.now()` around the call: 10019ms, against 237ms
for `@object-ui/auth` in the same file.
A per-file read of every console test that mocks the package attributes
each `importOriginal` to the factory it sits in. The population is three
files, not the twelve the path-intersection upper bound suggested: the
other nineteen either use no `importOriginal` at all or use it for
`../../services/approvalsApi`, `@object-ui/i18n` or `@object-ui/auth`.
Each of the three factories overrides most of what its graph reads from
the barrel and needs only a handful of real exports, all of which live
in submodules that cost ~2.0s together. Timed individually, the barrel
still costs 7828ms AFTER every one of those submodules is already
loaded — that residue is the side-effect imports and the rest of the
package, none of which these tests touch. So the factories now spread
those submodules instead of the barrel.
Which names each file's graph reads from the barrel was enumerated
statically over the whole transitive module graph (~1237 modules per
file), not from the paths the tests happen to exercise, and every one
of them is an override, a type-only export, or an export of a spread
submodule.
Three files, same 37 tests, same flags, from the repo root:
import phase 13.07s -> 2.64s, transform 17.09s -> 11.27s.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.2 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BOEfHVe7.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.46KB117.29KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

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

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

Labels

Projects

None yet

2 participants

@yinlianghui@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

test(console): take the app-shell barrel out of three vi.mock factories (#6580) - #7315

Merged
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original
Sep 2, 2026
Merged

test(console): take the app-shell barrel out of three vi.mock factories (#6580)#7315
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original

Conversation

@yinlianghui

Copy link
Copy Markdown
Collaborator

Fixes#6580

1. Measurement first — the population is 3, not 12

The card was explicit that 12 was a path-intersection upper bound, because a file
lands in it if it mocks @object-ui/app-shelland uses importOriginal anywhere.
Attributing each importOriginal call to the factory it actually sits in (paren-balanced
scan over every vi.mock call, then confirmed by reading the three survivors):

Ripgrep over apps/console finds 22 files mocking the package — one more than the
card's GitHub code-search figure of 21, so the index was indeed lagging.

fileimportOriginal belongs toaffected
components/FormPage.predicateScope.test.tsx@object-ui/app-shell, @object-ui/authYES
components/SetupRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuth, packages/app-shell/src/providers/MetadataProviderYES
components/StudioRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuthYES
pages/system/ApprovalsInboxPage.cellIdentity.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.characterizationPins.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.hiddenFieldTrim.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.queueHiddenAmount.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.rawPayloadGate.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.recordLink.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.stepProgressVertical.test.tsx../../services/approvalsApino
pages/system/__tests__/AppManagementPage.i18n.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.mutations.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.search.test.tsx@object-ui/i18nno
the remaining 9 filesno importOriginal at allno

N = 3. The card's own caveat was right: nine of the twelve candidates carry an
importOriginal that belongs to approvalsApi or @object-ui/i18n, not to the barrel.

2. Cost, re-measured on this tree

performance.now() around the call, in a throwaway probe file that was deleted before
the commit (a vi.hoisted holder carries the number out of the hoisted factory):

PROBE6580 app-shell=10019ms auth=237ms

That reproduces the card's 10204ms / 240ms independently. Two of the card's structural
numbers have grown since it was filed and are corrected here: the barrel is 447 lines
carrying 13 bare side-effect imports, not 385 and 8.

3. Which lever, and why the other two are not it

(a) alias the test build to built output — not viable..github/workflows/ci.yml
runs pnpm install --frozen-lockfile and then pnpm test --shard=N/4 with no build
step
, and packages/app-shell/dist does not exist at test time. The alias table in
apps/console/vite.config.ts points every @object-ui/* entry at source, so this would
also be a single inconsistent entry.

(b) trim the barrel's side-effect imports — stopped, per the dispatch ruling. Those
13 imports are registration side effects of the published package; removing or deferring
them changes what a consumer gets from importing the barrel. Making only the test alias
avoid them requires a second entry point, which is lever (a) wearing a different hat.
Not landed here.

(c) drop importOriginal for this package in the factories — chosen. Confined to the
three test files, no published surface touched.

What decided it: each submodule these factories actually need was timed individually, and
then the barrel was timed after all of them were already loaded.

modulecold cost
chrome/index549 ms
console/ConsoleShell1477 ms
providers/ExpressionProvider0 ms
providers/expressionUser4 ms
utils/index0 ms
providers/MetadataProvider0 ms
the barrel, with all six already loaded7828 ms

So ~7.8 s of the ~10 s is graph these three files never touch. The factories now spread
the submodules the real exports live in.

4. Why this is not fragile — a static coverage proof

Dropping the whole-barrel spread risks a name silently becoming undefined on a path no
test exercises. So the covering set was derived statically, over the full transitive
module graph of each test file (~1237 modules once NodeNext .js specifiers resolve to
their TypeScript sources), not from the paths the tests happen to run. Every name any
module in the graph imports from @object-ui/app-shell must be an override, a type-only
barrel export, or an export of a spread submodule:

fileunion of names read from the barreluncovered
SetupRoute.test.tsxConnectedShell, LoadingFallback, MetadataTypeStatus, RedirectWithSplash, RequireOrganization, SETUP_APP_NAME, SETUP_APP_PACKAGE_ID, SetupRedirect, useMetadata0
StudioRoute.test.tsxBuilderLanding, ConnectedShell, LoadingFallback, LoadingScreen, RedirectWithSplash, RequireOrganization, StudioDesignSurface, getProductName0
FormPage.predicateScope.test.tsxDefaultHomeLayout, ExpressionProvider, FormFieldSpec, FormSectionSpec, FormViewSpec, buildExpressionUser, resolveHostAppSegment, useMetadata, useNavigationContext0

The same scan confirms no module inside any workspace package imports the barrel by its
package name, so the consumer set is exactly those console files.

One subtlety worth flagging for review: SetupRoute.test.tsx mocks
packages/app-shell/src/providers/MetadataProvider separately, but RootLandingRedirect
reads useMetadata through the barrel. The old whole-barrel spread covered that by
re-exporting the already-mocked provider. The replacement spells the same stub out in the
app-shell factory rather than importing the provider module, so console's tsc program
gains no new cross-package source edge; the comment there says the two must stay in step.

5. Before / after

Same three files, same flags, same command, from the repo root:

pnpm exec vitest run --project @object-ui/console --no-file-parallelism --reporter=verbose \
apps/console/src/components/SetupRoute.test.tsx \
apps/console/src/components/StudioRoute.test.tsx \
apps/console/src/components/FormPage.predicateScope.test.tsx
beforeafter
import13.07 s2.64 s
transform17.09 s11.27 s
tests560 ms473 ms
total duration40.21 s30.52 s
result3 files / 37 tests passed3 files / 37 tests passed

These are shared-box seconds — the runs went through the shared verification lock, which
excludes other locked runs but not unlocked sibling work, so read the ratio (import phase
down ~5x) rather than the absolutes.

6. Verification

All from the repo root of the task worktree, exit codes captured before any pipe.

  • tests, final tree: Test Files 3 passed (3) / Tests 37 passed (37), lock VERDICT command-exit 0
  • pnpm --filter @object-ui/console run type-check -> exit 0, 0 error TS. Run after
    pnpm --workspace-concurrency=4 --filter "@object-ui/console^..." run build so the
    dependency closure was real; tsc --noEmit --listFiles confirms all three edited files
    are in the program (1 hit each), so "type-check clean" actually covers them.
  • pnpm exec eslint on the three changed files -> exit 0. One pre-existing
    no-explicit-any warning at line 188 of FormPage.predicateScope.test.tsx, outside
    every hunk in this diff.
  • pnpm check:control-bytes -> exit 0, scanned 6009 tracked text file(s).
  • node scripts/check-changeset-presence.mjs -> exit 0: "Every one of them has an
    EMPTY frontmatter — declared as releasing nothing, which is the explicit exemption".
    pnpm changeset:check -> exit 0.
  • pnpm lint:coverage -> exit 0 (46/46). pnpm type-check:coverage -> exit 0.

Not run locally, left to CI: the full apps/console project and the repo-wide lint farm.
This is a declared narrowing — the diff is three test files plus an empty-frontmatter
changeset, and CI runs the farm exactly once regardless.

7. Not touched

apps/console/vitest.config.ts, root vitest.config.mts and root vitest.setup.* are
owned by in-flight PRs #7291 and #7304. No timeout was raised, nothing was added to
heavyDomTests, and nothing was skipped or quarantined.

🤖 Generated with Claude Code

https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b


Generated by Claude Code

`@object-ui/app-shell` is aliased to `packages/app-shell/src` in
`apps/console/vite.config.ts`, so a `vi.mock` factory that calls
`importOriginal()` on it transforms the whole barrel graph on demand —
447 lines and thirteen bare side-effect imports. Re-measured on this
tree with `performance.now()` around the call: 10019ms, against 237ms
for `@object-ui/auth` in the same file.
A per-file read of every console test that mocks the package attributes
each `importOriginal` to the factory it sits in. The population is three
files, not the twelve the path-intersection upper bound suggested: the
other nineteen either use no `importOriginal` at all or use it for
`../../services/approvalsApi`, `@object-ui/i18n` or `@object-ui/auth`.
Each of the three factories overrides most of what its graph reads from
the barrel and needs only a handful of real exports, all of which live
in submodules that cost ~2.0s together. Timed individually, the barrel
still costs 7828ms AFTER every one of those submodules is already
loaded — that residue is the side-effect imports and the rest of the
package, none of which these tests touch. So the factories now spread
those submodules instead of the barrel.
Which names each file's graph reads from the barrel was enumerated
statically over the whole transitive module graph (~1237 modules per
file), not from the paths the tests happen to exercise, and every one
of them is an override, a type-only export, or an export of a spread
submodule.
Three files, same 37 tests, same flags, from the repo root:
import phase 13.07s -> 2.64s, transform 17.09s -> 11.27s.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.2 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BOEfHVe7.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.46KB117.29KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

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

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

Labels

Projects

None yet

2 participants

@yinlianghui@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

test(console): take the app-shell barrel out of three vi.mock factories (#6580) - #7315

Merged
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original
Sep 2, 2026
Merged

test(console): take the app-shell barrel out of three vi.mock factories (#6580)#7315
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original

Conversation

@yinlianghui

Copy link
Copy Markdown
Collaborator

Fixes#6580

1. Measurement first — the population is 3, not 12

The card was explicit that 12 was a path-intersection upper bound, because a file
lands in it if it mocks @object-ui/app-shelland uses importOriginal anywhere.
Attributing each importOriginal call to the factory it actually sits in (paren-balanced
scan over every vi.mock call, then confirmed by reading the three survivors):

Ripgrep over apps/console finds 22 files mocking the package — one more than the
card's GitHub code-search figure of 21, so the index was indeed lagging.

fileimportOriginal belongs toaffected
components/FormPage.predicateScope.test.tsx@object-ui/app-shell, @object-ui/authYES
components/SetupRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuth, packages/app-shell/src/providers/MetadataProviderYES
components/StudioRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuthYES
pages/system/ApprovalsInboxPage.cellIdentity.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.characterizationPins.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.hiddenFieldTrim.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.queueHiddenAmount.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.rawPayloadGate.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.recordLink.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.stepProgressVertical.test.tsx../../services/approvalsApino
pages/system/__tests__/AppManagementPage.i18n.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.mutations.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.search.test.tsx@object-ui/i18nno
the remaining 9 filesno importOriginal at allno

N = 3. The card's own caveat was right: nine of the twelve candidates carry an
importOriginal that belongs to approvalsApi or @object-ui/i18n, not to the barrel.

2. Cost, re-measured on this tree

performance.now() around the call, in a throwaway probe file that was deleted before
the commit (a vi.hoisted holder carries the number out of the hoisted factory):

PROBE6580 app-shell=10019ms auth=237ms

That reproduces the card's 10204ms / 240ms independently. Two of the card's structural
numbers have grown since it was filed and are corrected here: the barrel is 447 lines
carrying 13 bare side-effect imports, not 385 and 8.

3. Which lever, and why the other two are not it

(a) alias the test build to built output — not viable..github/workflows/ci.yml
runs pnpm install --frozen-lockfile and then pnpm test --shard=N/4 with no build
step
, and packages/app-shell/dist does not exist at test time. The alias table in
apps/console/vite.config.ts points every @object-ui/* entry at source, so this would
also be a single inconsistent entry.

(b) trim the barrel's side-effect imports — stopped, per the dispatch ruling. Those
13 imports are registration side effects of the published package; removing or deferring
them changes what a consumer gets from importing the barrel. Making only the test alias
avoid them requires a second entry point, which is lever (a) wearing a different hat.
Not landed here.

(c) drop importOriginal for this package in the factories — chosen. Confined to the
three test files, no published surface touched.

What decided it: each submodule these factories actually need was timed individually, and
then the barrel was timed after all of them were already loaded.

modulecold cost
chrome/index549 ms
console/ConsoleShell1477 ms
providers/ExpressionProvider0 ms
providers/expressionUser4 ms
utils/index0 ms
providers/MetadataProvider0 ms
the barrel, with all six already loaded7828 ms

So ~7.8 s of the ~10 s is graph these three files never touch. The factories now spread
the submodules the real exports live in.

4. Why this is not fragile — a static coverage proof

Dropping the whole-barrel spread risks a name silently becoming undefined on a path no
test exercises. So the covering set was derived statically, over the full transitive
module graph of each test file (~1237 modules once NodeNext .js specifiers resolve to
their TypeScript sources), not from the paths the tests happen to run. Every name any
module in the graph imports from @object-ui/app-shell must be an override, a type-only
barrel export, or an export of a spread submodule:

fileunion of names read from the barreluncovered
SetupRoute.test.tsxConnectedShell, LoadingFallback, MetadataTypeStatus, RedirectWithSplash, RequireOrganization, SETUP_APP_NAME, SETUP_APP_PACKAGE_ID, SetupRedirect, useMetadata0
StudioRoute.test.tsxBuilderLanding, ConnectedShell, LoadingFallback, LoadingScreen, RedirectWithSplash, RequireOrganization, StudioDesignSurface, getProductName0
FormPage.predicateScope.test.tsxDefaultHomeLayout, ExpressionProvider, FormFieldSpec, FormSectionSpec, FormViewSpec, buildExpressionUser, resolveHostAppSegment, useMetadata, useNavigationContext0

The same scan confirms no module inside any workspace package imports the barrel by its
package name, so the consumer set is exactly those console files.

One subtlety worth flagging for review: SetupRoute.test.tsx mocks
packages/app-shell/src/providers/MetadataProvider separately, but RootLandingRedirect
reads useMetadata through the barrel. The old whole-barrel spread covered that by
re-exporting the already-mocked provider. The replacement spells the same stub out in the
app-shell factory rather than importing the provider module, so console's tsc program
gains no new cross-package source edge; the comment there says the two must stay in step.

5. Before / after

Same three files, same flags, same command, from the repo root:

pnpm exec vitest run --project @object-ui/console --no-file-parallelism --reporter=verbose \
apps/console/src/components/SetupRoute.test.tsx \
apps/console/src/components/StudioRoute.test.tsx \
apps/console/src/components/FormPage.predicateScope.test.tsx
beforeafter
import13.07 s2.64 s
transform17.09 s11.27 s
tests560 ms473 ms
total duration40.21 s30.52 s
result3 files / 37 tests passed3 files / 37 tests passed

These are shared-box seconds — the runs went through the shared verification lock, which
excludes other locked runs but not unlocked sibling work, so read the ratio (import phase
down ~5x) rather than the absolutes.

6. Verification

All from the repo root of the task worktree, exit codes captured before any pipe.

  • tests, final tree: Test Files 3 passed (3) / Tests 37 passed (37), lock VERDICT command-exit 0
  • pnpm --filter @object-ui/console run type-check -> exit 0, 0 error TS. Run after
    pnpm --workspace-concurrency=4 --filter "@object-ui/console^..." run build so the
    dependency closure was real; tsc --noEmit --listFiles confirms all three edited files
    are in the program (1 hit each), so "type-check clean" actually covers them.
  • pnpm exec eslint on the three changed files -> exit 0. One pre-existing
    no-explicit-any warning at line 188 of FormPage.predicateScope.test.tsx, outside
    every hunk in this diff.
  • pnpm check:control-bytes -> exit 0, scanned 6009 tracked text file(s).
  • node scripts/check-changeset-presence.mjs -> exit 0: "Every one of them has an
    EMPTY frontmatter — declared as releasing nothing, which is the explicit exemption".
    pnpm changeset:check -> exit 0.
  • pnpm lint:coverage -> exit 0 (46/46). pnpm type-check:coverage -> exit 0.

Not run locally, left to CI: the full apps/console project and the repo-wide lint farm.
This is a declared narrowing — the diff is three test files plus an empty-frontmatter
changeset, and CI runs the farm exactly once regardless.

7. Not touched

apps/console/vitest.config.ts, root vitest.config.mts and root vitest.setup.* are
owned by in-flight PRs #7291 and #7304. No timeout was raised, nothing was added to
heavyDomTests, and nothing was skipped or quarantined.

🤖 Generated with Claude Code

https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b


Generated by Claude Code

`@object-ui/app-shell` is aliased to `packages/app-shell/src` in
`apps/console/vite.config.ts`, so a `vi.mock` factory that calls
`importOriginal()` on it transforms the whole barrel graph on demand —
447 lines and thirteen bare side-effect imports. Re-measured on this
tree with `performance.now()` around the call: 10019ms, against 237ms
for `@object-ui/auth` in the same file.
A per-file read of every console test that mocks the package attributes
each `importOriginal` to the factory it sits in. The population is three
files, not the twelve the path-intersection upper bound suggested: the
other nineteen either use no `importOriginal` at all or use it for
`../../services/approvalsApi`, `@object-ui/i18n` or `@object-ui/auth`.
Each of the three factories overrides most of what its graph reads from
the barrel and needs only a handful of real exports, all of which live
in submodules that cost ~2.0s together. Timed individually, the barrel
still costs 7828ms AFTER every one of those submodules is already
loaded — that residue is the side-effect imports and the rest of the
package, none of which these tests touch. So the factories now spread
those submodules instead of the barrel.
Which names each file's graph reads from the barrel was enumerated
statically over the whole transitive module graph (~1237 modules per
file), not from the paths the tests happen to exercise, and every one
of them is an override, a type-only export, or an export of a spread
submodule.
Three files, same 37 tests, same flags, from the repo root:
import phase 13.07s -> 2.64s, transform 17.09s -> 11.27s.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.2 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BOEfHVe7.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.46KB117.29KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

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

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

Labels

Projects

None yet

2 participants

@yinlianghui@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

test(console): take the app-shell barrel out of three vi.mock factories (#6580) - #7315

Merged
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original
Sep 2, 2026
Merged

test(console): take the app-shell barrel out of three vi.mock factories (#6580)#7315
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original

Conversation

@yinlianghui

Copy link
Copy Markdown
Collaborator

Fixes#6580

1. Measurement first — the population is 3, not 12

The card was explicit that 12 was a path-intersection upper bound, because a file
lands in it if it mocks @object-ui/app-shelland uses importOriginal anywhere.
Attributing each importOriginal call to the factory it actually sits in (paren-balanced
scan over every vi.mock call, then confirmed by reading the three survivors):

Ripgrep over apps/console finds 22 files mocking the package — one more than the
card's GitHub code-search figure of 21, so the index was indeed lagging.

fileimportOriginal belongs toaffected
components/FormPage.predicateScope.test.tsx@object-ui/app-shell, @object-ui/authYES
components/SetupRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuth, packages/app-shell/src/providers/MetadataProviderYES
components/StudioRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuthYES
pages/system/ApprovalsInboxPage.cellIdentity.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.characterizationPins.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.hiddenFieldTrim.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.queueHiddenAmount.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.rawPayloadGate.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.recordLink.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.stepProgressVertical.test.tsx../../services/approvalsApino
pages/system/__tests__/AppManagementPage.i18n.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.mutations.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.search.test.tsx@object-ui/i18nno
the remaining 9 filesno importOriginal at allno

N = 3. The card's own caveat was right: nine of the twelve candidates carry an
importOriginal that belongs to approvalsApi or @object-ui/i18n, not to the barrel.

2. Cost, re-measured on this tree

performance.now() around the call, in a throwaway probe file that was deleted before
the commit (a vi.hoisted holder carries the number out of the hoisted factory):

PROBE6580 app-shell=10019ms auth=237ms

That reproduces the card's 10204ms / 240ms independently. Two of the card's structural
numbers have grown since it was filed and are corrected here: the barrel is 447 lines
carrying 13 bare side-effect imports, not 385 and 8.

3. Which lever, and why the other two are not it

(a) alias the test build to built output — not viable..github/workflows/ci.yml
runs pnpm install --frozen-lockfile and then pnpm test --shard=N/4 with no build
step
, and packages/app-shell/dist does not exist at test time. The alias table in
apps/console/vite.config.ts points every @object-ui/* entry at source, so this would
also be a single inconsistent entry.

(b) trim the barrel's side-effect imports — stopped, per the dispatch ruling. Those
13 imports are registration side effects of the published package; removing or deferring
them changes what a consumer gets from importing the barrel. Making only the test alias
avoid them requires a second entry point, which is lever (a) wearing a different hat.
Not landed here.

(c) drop importOriginal for this package in the factories — chosen. Confined to the
three test files, no published surface touched.

What decided it: each submodule these factories actually need was timed individually, and
then the barrel was timed after all of them were already loaded.

modulecold cost
chrome/index549 ms
console/ConsoleShell1477 ms
providers/ExpressionProvider0 ms
providers/expressionUser4 ms
utils/index0 ms
providers/MetadataProvider0 ms
the barrel, with all six already loaded7828 ms

So ~7.8 s of the ~10 s is graph these three files never touch. The factories now spread
the submodules the real exports live in.

4. Why this is not fragile — a static coverage proof

Dropping the whole-barrel spread risks a name silently becoming undefined on a path no
test exercises. So the covering set was derived statically, over the full transitive
module graph of each test file (~1237 modules once NodeNext .js specifiers resolve to
their TypeScript sources), not from the paths the tests happen to run. Every name any
module in the graph imports from @object-ui/app-shell must be an override, a type-only
barrel export, or an export of a spread submodule:

fileunion of names read from the barreluncovered
SetupRoute.test.tsxConnectedShell, LoadingFallback, MetadataTypeStatus, RedirectWithSplash, RequireOrganization, SETUP_APP_NAME, SETUP_APP_PACKAGE_ID, SetupRedirect, useMetadata0
StudioRoute.test.tsxBuilderLanding, ConnectedShell, LoadingFallback, LoadingScreen, RedirectWithSplash, RequireOrganization, StudioDesignSurface, getProductName0
FormPage.predicateScope.test.tsxDefaultHomeLayout, ExpressionProvider, FormFieldSpec, FormSectionSpec, FormViewSpec, buildExpressionUser, resolveHostAppSegment, useMetadata, useNavigationContext0

The same scan confirms no module inside any workspace package imports the barrel by its
package name, so the consumer set is exactly those console files.

One subtlety worth flagging for review: SetupRoute.test.tsx mocks
packages/app-shell/src/providers/MetadataProvider separately, but RootLandingRedirect
reads useMetadata through the barrel. The old whole-barrel spread covered that by
re-exporting the already-mocked provider. The replacement spells the same stub out in the
app-shell factory rather than importing the provider module, so console's tsc program
gains no new cross-package source edge; the comment there says the two must stay in step.

5. Before / after

Same three files, same flags, same command, from the repo root:

pnpm exec vitest run --project @object-ui/console --no-file-parallelism --reporter=verbose \
apps/console/src/components/SetupRoute.test.tsx \
apps/console/src/components/StudioRoute.test.tsx \
apps/console/src/components/FormPage.predicateScope.test.tsx
beforeafter
import13.07 s2.64 s
transform17.09 s11.27 s
tests560 ms473 ms
total duration40.21 s30.52 s
result3 files / 37 tests passed3 files / 37 tests passed

These are shared-box seconds — the runs went through the shared verification lock, which
excludes other locked runs but not unlocked sibling work, so read the ratio (import phase
down ~5x) rather than the absolutes.

6. Verification

All from the repo root of the task worktree, exit codes captured before any pipe.

  • tests, final tree: Test Files 3 passed (3) / Tests 37 passed (37), lock VERDICT command-exit 0
  • pnpm --filter @object-ui/console run type-check -> exit 0, 0 error TS. Run after
    pnpm --workspace-concurrency=4 --filter "@object-ui/console^..." run build so the
    dependency closure was real; tsc --noEmit --listFiles confirms all three edited files
    are in the program (1 hit each), so "type-check clean" actually covers them.
  • pnpm exec eslint on the three changed files -> exit 0. One pre-existing
    no-explicit-any warning at line 188 of FormPage.predicateScope.test.tsx, outside
    every hunk in this diff.
  • pnpm check:control-bytes -> exit 0, scanned 6009 tracked text file(s).
  • node scripts/check-changeset-presence.mjs -> exit 0: "Every one of them has an
    EMPTY frontmatter — declared as releasing nothing, which is the explicit exemption".
    pnpm changeset:check -> exit 0.
  • pnpm lint:coverage -> exit 0 (46/46). pnpm type-check:coverage -> exit 0.

Not run locally, left to CI: the full apps/console project and the repo-wide lint farm.
This is a declared narrowing — the diff is three test files plus an empty-frontmatter
changeset, and CI runs the farm exactly once regardless.

7. Not touched

apps/console/vitest.config.ts, root vitest.config.mts and root vitest.setup.* are
owned by in-flight PRs #7291 and #7304. No timeout was raised, nothing was added to
heavyDomTests, and nothing was skipped or quarantined.

🤖 Generated with Claude Code

https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b


Generated by Claude Code

`@object-ui/app-shell` is aliased to `packages/app-shell/src` in
`apps/console/vite.config.ts`, so a `vi.mock` factory that calls
`importOriginal()` on it transforms the whole barrel graph on demand —
447 lines and thirteen bare side-effect imports. Re-measured on this
tree with `performance.now()` around the call: 10019ms, against 237ms
for `@object-ui/auth` in the same file.
A per-file read of every console test that mocks the package attributes
each `importOriginal` to the factory it sits in. The population is three
files, not the twelve the path-intersection upper bound suggested: the
other nineteen either use no `importOriginal` at all or use it for
`../../services/approvalsApi`, `@object-ui/i18n` or `@object-ui/auth`.
Each of the three factories overrides most of what its graph reads from
the barrel and needs only a handful of real exports, all of which live
in submodules that cost ~2.0s together. Timed individually, the barrel
still costs 7828ms AFTER every one of those submodules is already
loaded — that residue is the side-effect imports and the rest of the
package, none of which these tests touch. So the factories now spread
those submodules instead of the barrel.
Which names each file's graph reads from the barrel was enumerated
statically over the whole transitive module graph (~1237 modules per
file), not from the paths the tests happen to exercise, and every one
of them is an override, a type-only export, or an export of a spread
submodule.
Three files, same 37 tests, same flags, from the repo root:
import phase 13.07s -> 2.64s, transform 17.09s -> 11.27s.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.2 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BOEfHVe7.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.46KB117.29KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

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

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

Labels

Projects

None yet

2 participants

@yinlianghui@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

test(console): take the app-shell barrel out of three vi.mock factories (#6580) - #7315

Merged
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original
Sep 2, 2026
Merged

test(console): take the app-shell barrel out of three vi.mock factories (#6580)#7315
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original

Conversation

@yinlianghui

Copy link
Copy Markdown
Collaborator

Fixes#6580

1. Measurement first — the population is 3, not 12

The card was explicit that 12 was a path-intersection upper bound, because a file
lands in it if it mocks @object-ui/app-shelland uses importOriginal anywhere.
Attributing each importOriginal call to the factory it actually sits in (paren-balanced
scan over every vi.mock call, then confirmed by reading the three survivors):

Ripgrep over apps/console finds 22 files mocking the package — one more than the
card's GitHub code-search figure of 21, so the index was indeed lagging.

fileimportOriginal belongs toaffected
components/FormPage.predicateScope.test.tsx@object-ui/app-shell, @object-ui/authYES
components/SetupRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuth, packages/app-shell/src/providers/MetadataProviderYES
components/StudioRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuthYES
pages/system/ApprovalsInboxPage.cellIdentity.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.characterizationPins.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.hiddenFieldTrim.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.queueHiddenAmount.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.rawPayloadGate.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.recordLink.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.stepProgressVertical.test.tsx../../services/approvalsApino
pages/system/__tests__/AppManagementPage.i18n.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.mutations.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.search.test.tsx@object-ui/i18nno
the remaining 9 filesno importOriginal at allno

N = 3. The card's own caveat was right: nine of the twelve candidates carry an
importOriginal that belongs to approvalsApi or @object-ui/i18n, not to the barrel.

2. Cost, re-measured on this tree

performance.now() around the call, in a throwaway probe file that was deleted before
the commit (a vi.hoisted holder carries the number out of the hoisted factory):

PROBE6580 app-shell=10019ms auth=237ms

That reproduces the card's 10204ms / 240ms independently. Two of the card's structural
numbers have grown since it was filed and are corrected here: the barrel is 447 lines
carrying 13 bare side-effect imports, not 385 and 8.

3. Which lever, and why the other two are not it

(a) alias the test build to built output — not viable..github/workflows/ci.yml
runs pnpm install --frozen-lockfile and then pnpm test --shard=N/4 with no build
step
, and packages/app-shell/dist does not exist at test time. The alias table in
apps/console/vite.config.ts points every @object-ui/* entry at source, so this would
also be a single inconsistent entry.

(b) trim the barrel's side-effect imports — stopped, per the dispatch ruling. Those
13 imports are registration side effects of the published package; removing or deferring
them changes what a consumer gets from importing the barrel. Making only the test alias
avoid them requires a second entry point, which is lever (a) wearing a different hat.
Not landed here.

(c) drop importOriginal for this package in the factories — chosen. Confined to the
three test files, no published surface touched.

What decided it: each submodule these factories actually need was timed individually, and
then the barrel was timed after all of them were already loaded.

modulecold cost
chrome/index549 ms
console/ConsoleShell1477 ms
providers/ExpressionProvider0 ms
providers/expressionUser4 ms
utils/index0 ms
providers/MetadataProvider0 ms
the barrel, with all six already loaded7828 ms

So ~7.8 s of the ~10 s is graph these three files never touch. The factories now spread
the submodules the real exports live in.

4. Why this is not fragile — a static coverage proof

Dropping the whole-barrel spread risks a name silently becoming undefined on a path no
test exercises. So the covering set was derived statically, over the full transitive
module graph of each test file (~1237 modules once NodeNext .js specifiers resolve to
their TypeScript sources), not from the paths the tests happen to run. Every name any
module in the graph imports from @object-ui/app-shell must be an override, a type-only
barrel export, or an export of a spread submodule:

fileunion of names read from the barreluncovered
SetupRoute.test.tsxConnectedShell, LoadingFallback, MetadataTypeStatus, RedirectWithSplash, RequireOrganization, SETUP_APP_NAME, SETUP_APP_PACKAGE_ID, SetupRedirect, useMetadata0
StudioRoute.test.tsxBuilderLanding, ConnectedShell, LoadingFallback, LoadingScreen, RedirectWithSplash, RequireOrganization, StudioDesignSurface, getProductName0
FormPage.predicateScope.test.tsxDefaultHomeLayout, ExpressionProvider, FormFieldSpec, FormSectionSpec, FormViewSpec, buildExpressionUser, resolveHostAppSegment, useMetadata, useNavigationContext0

The same scan confirms no module inside any workspace package imports the barrel by its
package name, so the consumer set is exactly those console files.

One subtlety worth flagging for review: SetupRoute.test.tsx mocks
packages/app-shell/src/providers/MetadataProvider separately, but RootLandingRedirect
reads useMetadata through the barrel. The old whole-barrel spread covered that by
re-exporting the already-mocked provider. The replacement spells the same stub out in the
app-shell factory rather than importing the provider module, so console's tsc program
gains no new cross-package source edge; the comment there says the two must stay in step.

5. Before / after

Same three files, same flags, same command, from the repo root:

pnpm exec vitest run --project @object-ui/console --no-file-parallelism --reporter=verbose \
apps/console/src/components/SetupRoute.test.tsx \
apps/console/src/components/StudioRoute.test.tsx \
apps/console/src/components/FormPage.predicateScope.test.tsx
beforeafter
import13.07 s2.64 s
transform17.09 s11.27 s
tests560 ms473 ms
total duration40.21 s30.52 s
result3 files / 37 tests passed3 files / 37 tests passed

These are shared-box seconds — the runs went through the shared verification lock, which
excludes other locked runs but not unlocked sibling work, so read the ratio (import phase
down ~5x) rather than the absolutes.

6. Verification

All from the repo root of the task worktree, exit codes captured before any pipe.

  • tests, final tree: Test Files 3 passed (3) / Tests 37 passed (37), lock VERDICT command-exit 0
  • pnpm --filter @object-ui/console run type-check -> exit 0, 0 error TS. Run after
    pnpm --workspace-concurrency=4 --filter "@object-ui/console^..." run build so the
    dependency closure was real; tsc --noEmit --listFiles confirms all three edited files
    are in the program (1 hit each), so "type-check clean" actually covers them.
  • pnpm exec eslint on the three changed files -> exit 0. One pre-existing
    no-explicit-any warning at line 188 of FormPage.predicateScope.test.tsx, outside
    every hunk in this diff.
  • pnpm check:control-bytes -> exit 0, scanned 6009 tracked text file(s).
  • node scripts/check-changeset-presence.mjs -> exit 0: "Every one of them has an
    EMPTY frontmatter — declared as releasing nothing, which is the explicit exemption".
    pnpm changeset:check -> exit 0.
  • pnpm lint:coverage -> exit 0 (46/46). pnpm type-check:coverage -> exit 0.

Not run locally, left to CI: the full apps/console project and the repo-wide lint farm.
This is a declared narrowing — the diff is three test files plus an empty-frontmatter
changeset, and CI runs the farm exactly once regardless.

7. Not touched

apps/console/vitest.config.ts, root vitest.config.mts and root vitest.setup.* are
owned by in-flight PRs #7291 and #7304. No timeout was raised, nothing was added to
heavyDomTests, and nothing was skipped or quarantined.

🤖 Generated with Claude Code

https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b


Generated by Claude Code

`@object-ui/app-shell` is aliased to `packages/app-shell/src` in
`apps/console/vite.config.ts`, so a `vi.mock` factory that calls
`importOriginal()` on it transforms the whole barrel graph on demand —
447 lines and thirteen bare side-effect imports. Re-measured on this
tree with `performance.now()` around the call: 10019ms, against 237ms
for `@object-ui/auth` in the same file.
A per-file read of every console test that mocks the package attributes
each `importOriginal` to the factory it sits in. The population is three
files, not the twelve the path-intersection upper bound suggested: the
other nineteen either use no `importOriginal` at all or use it for
`../../services/approvalsApi`, `@object-ui/i18n` or `@object-ui/auth`.
Each of the three factories overrides most of what its graph reads from
the barrel and needs only a handful of real exports, all of which live
in submodules that cost ~2.0s together. Timed individually, the barrel
still costs 7828ms AFTER every one of those submodules is already
loaded — that residue is the side-effect imports and the rest of the
package, none of which these tests touch. So the factories now spread
those submodules instead of the barrel.
Which names each file's graph reads from the barrel was enumerated
statically over the whole transitive module graph (~1237 modules per
file), not from the paths the tests happen to exercise, and every one
of them is an override, a type-only export, or an export of a spread
submodule.
Three files, same 37 tests, same flags, from the repo root:
import phase 13.07s -> 2.64s, transform 17.09s -> 11.27s.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.2 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BOEfHVe7.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.46KB117.29KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

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

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

Labels

Projects

None yet

2 participants

@yinlianghui@claude
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

test(console): take the app-shell barrel out of three vi.mock factories (#6580) - #7315

Merged
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original
Sep 2, 2026
Merged

test(console): take the app-shell barrel out of three vi.mock factories (#6580)#7315
yinlianghui merged 1 commit into
mainfrom
claude/issue-6580-app-shell-import-original

Conversation

@yinlianghui

Copy link
Copy Markdown
Collaborator

Fixes#6580

1. Measurement first — the population is 3, not 12

The card was explicit that 12 was a path-intersection upper bound, because a file
lands in it if it mocks @object-ui/app-shelland uses importOriginal anywhere.
Attributing each importOriginal call to the factory it actually sits in (paren-balanced
scan over every vi.mock call, then confirmed by reading the three survivors):

Ripgrep over apps/console finds 22 files mocking the package — one more than the
card's GitHub code-search figure of 21, so the index was indeed lagging.

fileimportOriginal belongs toaffected
components/FormPage.predicateScope.test.tsx@object-ui/app-shell, @object-ui/authYES
components/SetupRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuth, packages/app-shell/src/providers/MetadataProviderYES
components/StudioRoute.test.tsx@object-ui/app-shell, @object-ui/auth, packages/auth/src/useAuthYES
pages/system/ApprovalsInboxPage.cellIdentity.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.characterizationPins.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.hiddenFieldTrim.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.queueHiddenAmount.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.rawPayloadGate.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.recordLink.test.tsx../../services/approvalsApino
pages/system/ApprovalsInboxPage.stepProgressVertical.test.tsx../../services/approvalsApino
pages/system/__tests__/AppManagementPage.i18n.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.mutations.test.tsx@object-ui/i18nno
pages/system/__tests__/AppManagementPage.search.test.tsx@object-ui/i18nno
the remaining 9 filesno importOriginal at allno

N = 3. The card's own caveat was right: nine of the twelve candidates carry an
importOriginal that belongs to approvalsApi or @object-ui/i18n, not to the barrel.

2. Cost, re-measured on this tree

performance.now() around the call, in a throwaway probe file that was deleted before
the commit (a vi.hoisted holder carries the number out of the hoisted factory):

PROBE6580 app-shell=10019ms auth=237ms

That reproduces the card's 10204ms / 240ms independently. Two of the card's structural
numbers have grown since it was filed and are corrected here: the barrel is 447 lines
carrying 13 bare side-effect imports, not 385 and 8.

3. Which lever, and why the other two are not it

(a) alias the test build to built output — not viable..github/workflows/ci.yml
runs pnpm install --frozen-lockfile and then pnpm test --shard=N/4 with no build
step
, and packages/app-shell/dist does not exist at test time. The alias table in
apps/console/vite.config.ts points every @object-ui/* entry at source, so this would
also be a single inconsistent entry.

(b) trim the barrel's side-effect imports — stopped, per the dispatch ruling. Those
13 imports are registration side effects of the published package; removing or deferring
them changes what a consumer gets from importing the barrel. Making only the test alias
avoid them requires a second entry point, which is lever (a) wearing a different hat.
Not landed here.

(c) drop importOriginal for this package in the factories — chosen. Confined to the
three test files, no published surface touched.

What decided it: each submodule these factories actually need was timed individually, and
then the barrel was timed after all of them were already loaded.

modulecold cost
chrome/index549 ms
console/ConsoleShell1477 ms
providers/ExpressionProvider0 ms
providers/expressionUser4 ms
utils/index0 ms
providers/MetadataProvider0 ms
the barrel, with all six already loaded7828 ms

So ~7.8 s of the ~10 s is graph these three files never touch. The factories now spread
the submodules the real exports live in.

4. Why this is not fragile — a static coverage proof

Dropping the whole-barrel spread risks a name silently becoming undefined on a path no
test exercises. So the covering set was derived statically, over the full transitive
module graph of each test file (~1237 modules once NodeNext .js specifiers resolve to
their TypeScript sources), not from the paths the tests happen to run. Every name any
module in the graph imports from @object-ui/app-shell must be an override, a type-only
barrel export, or an export of a spread submodule:

fileunion of names read from the barreluncovered
SetupRoute.test.tsxConnectedShell, LoadingFallback, MetadataTypeStatus, RedirectWithSplash, RequireOrganization, SETUP_APP_NAME, SETUP_APP_PACKAGE_ID, SetupRedirect, useMetadata0
StudioRoute.test.tsxBuilderLanding, ConnectedShell, LoadingFallback, LoadingScreen, RedirectWithSplash, RequireOrganization, StudioDesignSurface, getProductName0
FormPage.predicateScope.test.tsxDefaultHomeLayout, ExpressionProvider, FormFieldSpec, FormSectionSpec, FormViewSpec, buildExpressionUser, resolveHostAppSegment, useMetadata, useNavigationContext0

The same scan confirms no module inside any workspace package imports the barrel by its
package name, so the consumer set is exactly those console files.

One subtlety worth flagging for review: SetupRoute.test.tsx mocks
packages/app-shell/src/providers/MetadataProvider separately, but RootLandingRedirect
reads useMetadata through the barrel. The old whole-barrel spread covered that by
re-exporting the already-mocked provider. The replacement spells the same stub out in the
app-shell factory rather than importing the provider module, so console's tsc program
gains no new cross-package source edge; the comment there says the two must stay in step.

5. Before / after

Same three files, same flags, same command, from the repo root:

pnpm exec vitest run --project @object-ui/console --no-file-parallelism --reporter=verbose \
apps/console/src/components/SetupRoute.test.tsx \
apps/console/src/components/StudioRoute.test.tsx \
apps/console/src/components/FormPage.predicateScope.test.tsx
beforeafter
import13.07 s2.64 s
transform17.09 s11.27 s
tests560 ms473 ms
total duration40.21 s30.52 s
result3 files / 37 tests passed3 files / 37 tests passed

These are shared-box seconds — the runs went through the shared verification lock, which
excludes other locked runs but not unlocked sibling work, so read the ratio (import phase
down ~5x) rather than the absolutes.

6. Verification

All from the repo root of the task worktree, exit codes captured before any pipe.

  • tests, final tree: Test Files 3 passed (3) / Tests 37 passed (37), lock VERDICT command-exit 0
  • pnpm --filter @object-ui/console run type-check -> exit 0, 0 error TS. Run after
    pnpm --workspace-concurrency=4 --filter "@object-ui/console^..." run build so the
    dependency closure was real; tsc --noEmit --listFiles confirms all three edited files
    are in the program (1 hit each), so "type-check clean" actually covers them.
  • pnpm exec eslint on the three changed files -> exit 0. One pre-existing
    no-explicit-any warning at line 188 of FormPage.predicateScope.test.tsx, outside
    every hunk in this diff.
  • pnpm check:control-bytes -> exit 0, scanned 6009 tracked text file(s).
  • node scripts/check-changeset-presence.mjs -> exit 0: "Every one of them has an
    EMPTY frontmatter — declared as releasing nothing, which is the explicit exemption".
    pnpm changeset:check -> exit 0.
  • pnpm lint:coverage -> exit 0 (46/46). pnpm type-check:coverage -> exit 0.

Not run locally, left to CI: the full apps/console project and the repo-wide lint farm.
This is a declared narrowing — the diff is three test files plus an empty-frontmatter
changeset, and CI runs the farm exactly once regardless.

7. Not touched

apps/console/vitest.config.ts, root vitest.config.mts and root vitest.setup.* are
owned by in-flight PRs #7291 and #7304. No timeout was raised, nothing was added to
heavyDomTests, and nothing was skipped or quarantined.

🤖 Generated with Claude Code

https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b


Generated by Claude Code

`@object-ui/app-shell` is aliased to `packages/app-shell/src` in
`apps/console/vite.config.ts`, so a `vi.mock` factory that calls
`importOriginal()` on it transforms the whole barrel graph on demand —
447 lines and thirteen bare side-effect imports. Re-measured on this
tree with `performance.now()` around the call: 10019ms, against 237ms
for `@object-ui/auth` in the same file.
A per-file read of every console test that mocks the package attributes
each `importOriginal` to the factory it sits in. The population is three
files, not the twelve the path-intersection upper bound suggested: the
other nineteen either use no `importOriginal` at all or use it for
`../../services/approvalsApi`, `@object-ui/i18n` or `@object-ui/auth`.
Each of the three factories overrides most of what its graph reads from
the barrel and needs only a handful of real exports, all of which live
in submodules that cost ~2.0s together. Timed individually, the barrel
still costs 7828ms AFTER every one of those submodules is already
loaded — that residue is the side-effect imports and the rest of the
package, none of which these tests touch. So the factories now spread
those submodules instead of the barrel.
Which names each file's graph reads from the barrel was enumerated
statically over the whole transitive module graph (~1237 modules per
file), not from the paths the tests happen to exercise, and every one
of them is an override, a type-only export, or an export of a spread
submodule.
Three files, same 37 tests, same flags, from the repo root:
import phase 13.07s -> 2.64s, transform 17.09s -> 11.27s.
Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01BGMDbrVa8JjZcCQ7DWYH1b
@github-actions

Copy link
Copy Markdown
Contributor

✅ Console Performance Budget

MetricValueBudget
Eager closure (gzip, 48 chunks)3160.2 KB3191.4 KB
Main entry chunk (gzip)142.6 KB350 KB
Entry fileindex-BOEfHVe7.js
StatusPASS

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

PackageSizeGzipped
app-shell (consoleActionDispatch.js)0.20KB0.19KB
app-shell (index.js)15.33KB5.59KB
app-shell (runtime-config.js)20.68KB7.36KB
app-shell (types.js)0.01KB0.04KB
app-shell (urlParams.js)10.06KB3.86KB
auth (ActiveOrganizationStorage.js)25.05KB9.16KB
auth (AuthContext.js)0.31KB0.24KB
auth (AuthGuard.js)2.07KB1.00KB
auth (AuthProvider.js)40.18KB10.59KB
auth (AuthShell.js)3.49KB1.40KB
auth (ForgotPasswordForm.js)12.21KB3.45KB
auth (LoginForm.js)18.15KB5.39KB
auth (PreviewBanner.js)0.90KB0.50KB
auth (RegisterForm.js)6.65KB2.22KB
auth (SocialSignInButtons.js)9.61KB3.89KB
auth (UserMenu.js)3.41KB1.23KB
auth (auth-gate-events.js)1.29KB0.66KB
auth (authStyles.js)5.04KB1.72KB
auth (createAuthClient.js)40.21KB10.80KB
auth (createAuthenticatedFetch.js)8.46KB3.43KB
auth (index.js)3.19KB1.44KB
auth (invitation-status.js)1.22KB0.70KB
auth (org-roles.js)6.66KB2.78KB
auth (phone-identifier.js)1.11KB0.66KB
auth (types.js)0.59KB0.35KB
auth (useAuth.js)5.30KB1.02KB
auth (useWorkspaceAdminStatus.js)5.13KB2.35KB
collaboration (CommentThread.js)26.08KB7.56KB
collaboration (LiveCursors.js)3.17KB1.27KB
collaboration (PresenceAvatars.js)6.49KB2.64KB
collaboration (PresenceProvider.js)2.79KB1.13KB
collaboration (index.js)1.68KB0.73KB
collaboration (useCollaborationTranslation.js)6.05KB2.52KB
collaboration (useCommentSearch.js)1.98KB0.88KB
collaboration (useConflictResolution.js)7.75KB1.86KB
collaboration (useMentionNotifications.js)1.81KB0.68KB
collaboration (usePresence.js)6.33KB1.84KB
collaboration (useRealtimeSubscription.js)7.91KB2.01KB
components (index.js)514.46KB117.29KB
core (index.js)5.55KB2.23KB
create-plugin (index.js)10.08KB3.26KB
data-objectstack (index.js)178.20KB49.60KB
fields (index.js)244.25KB61.73KB
i18n (LocalizationContext.js)1.76KB0.96KB
i18n (currency.js)1.22KB0.64KB
i18n (fallbackInterpolation.js)6.25KB2.77KB
i18n (i18n.js)4.28KB1.75KB
i18n (index.js)3.44KB1.39KB
i18n (pickLocalized.js)7.62KB3.26KB
i18n (provider.js)26.89KB9.04KB
i18n (useDisplayLocale.js)2.85KB1.45KB
i18n (useObjectLabel.js)33.40KB8.71KB
i18n (useSafeTranslation.js)5.60KB2.33KB
layout (index.js)38.98KB10.98KB
mobile (MobileProvider.js)0.92KB0.49KB
mobile (ResponsiveContainer.js)0.94KB0.38KB
mobile (breakpoints.js)1.51KB0.70KB
mobile (createOfflineDataSource.js)5.61KB1.75KB
mobile (index.js)1.55KB0.62KB
mobile (offlineQueue.js)3.91KB1.35KB
mobile (pwa.js)0.97KB0.49KB
mobile (serviceWorker.js)1.48KB0.62KB
mobile (serviceWorkerSource.js)3.41KB1.48KB
mobile (useBreakpoint.js)1.54KB0.65KB
mobile (useGesture.js)6.96KB1.98KB
mobile (useOfflineSync.js)1.99KB0.72KB
mobile (usePullToRefresh.js)2.53KB0.85KB
mobile (useResponsive.js)0.72KB0.42KB
mobile (useResponsiveConfig.js)1.37KB0.63KB
mobile (useSpecGesture.js)4.32KB1.64KB
mobile (useTouchTarget.js)1.01KB0.54KB
permissions (MePermissionsProvider.js)11.71KB4.29KB
permissions (PermissionContext.js)0.31KB0.25KB
permissions (PermissionGuard.js)0.89KB0.45KB
permissions (PermissionProvider.js)6.24KB2.16KB
permissions (discardProofCache.js)1.04KB0.55KB
permissions (evaluator.js)5.12KB1.74KB
permissions (index.js)0.93KB0.41KB
permissions (store.js)0.91KB0.42KB
permissions (useFieldPermissions.js)1.28KB0.53KB
permissions (usePermissions.js)4.83KB2.27KB
plugin-ai (index.js)15.75KB3.80KB
plugin-calendar (index.js)46.92KB12.93KB
plugin-charts (index.js)70.02KB19.44KB
plugin-chatbot (index.js)190.53KB45.18KB
plugin-dashboard (index.js)132.63KB34.56KB
plugin-designer (index.js)212.87KB43.19KB
plugin-detail (index.js)250.65KB63.91KB
plugin-editor (index.js)2.46KB1.10KB
plugin-form (index.js)132.78KB32.58KB
plugin-gantt (index.js)166.77KB40.76KB
plugin-grid (index.js)208.88KB56.59KB
plugin-kanban (index.js)53.21KB14.66KB
plugin-list (index.js)113.51KB27.67KB
plugin-map (index.js)20.20KB6.66KB
plugin-markdown (index.js)13.72KB4.69KB
plugin-report (index.js)43.51KB11.94KB
plugin-timeline (index.js)29.34KB8.47KB
plugin-tree (index.js)8.98KB3.08KB
plugin-view (index.js)85.90KB21.12KB
providers (DataSourceProvider.js)0.75KB0.39KB
providers (MetadataProvider.js)1.37KB0.59KB
providers (ThemeProvider.js)1.90KB0.85KB
providers (UploadProvider.js)11.66KB3.50KB
providers (index.js)0.45KB0.23KB
providers (types.js)0.01KB0.04KB
react-runtime (index.js)5.62KB2.34KB
react (LazyPluginLoader.js)4.47KB1.63KB
react (SchemaRenderer.js)81.07KB26.86KB
react (data-invalidation.js)5.05KB2.08KB
react (index.js)3.11KB1.48KB
react (schema-input.js)2.32KB1.24KB
react (spec-input.js)0.20KB0.18KB
sdui-parser (codegen.js)5.41KB2.34KB
sdui-parser (dashboard-widget-options.js)3.08KB1.30KB
sdui-parser (index.js)4.93KB2.24KB
sdui-parser (input-type.js)2.84KB1.40KB
sdui-parser (parse.js)20.57KB5.88KB
sdui-parser (provenance.js)3.66KB1.82KB
sdui-parser (types.js)0.28KB0.23KB
sdui-parser (validate.js)10.35KB3.60KB
types (ai.js)0.20KB0.17KB
types (api-types.js)0.20KB0.18KB
types (app.js)2.87KB0.99KB
types (base.js)0.20KB0.18KB
types (blocks.js)0.20KB0.18KB
types (complex.js)2.74KB1.41KB
types (crud.js)0.20KB0.18KB
types (dashboard-filter-alias.js)6.23KB2.74KB
types (data-display.js)3.75KB1.85KB
types (data-protocol.js)0.20KB0.19KB
types (data.js)0.20KB0.18KB
types (designer.js)1.85KB0.85KB
types (disclosure.js)0.20KB0.18KB
types (error-code.js)1.54KB0.88KB
types (feedback.js)0.20KB0.18KB
types (field-types.js)0.20KB0.18KB
types (form.js)0.20KB0.18KB
types (http-inflight.js)8.87KB3.73KB
types (http-retry.js)4.32KB2.02KB
types (icon-key-migration.js)4.26KB1.63KB
types (index.js)4.72KB2.24KB
types (layout.js)0.20KB0.18KB
types (managed-by.js)0.19KB0.18KB
types (mobile.js)2.59KB1.31KB
types (navigation.js)0.20KB0.18KB
types (objectql.js)0.20KB0.18KB
types (overlay.js)0.20KB0.18KB
types (permissions.js)0.20KB0.18KB
types (plugin-scope.js)0.20KB0.18KB
types (record-components.js)0.20KB0.19KB
types (record-semantics.js)1.28KB0.67KB
types (registry.js)0.20KB0.18KB
types (reports.js)0.20KB0.18KB
types (spec-report.js)5.05KB1.93KB
types (spec-ui-namespace.js)0.20KB0.19KB
types (system-fields.js)3.33KB1.54KB
types (theme.js)6.28KB2.87KB
types (ui-action.js)3.40KB1.71KB
types (views.js)0.20KB0.18KB
types (widget.js)0.20KB0.18KB

Size Limits

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

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

Labels

Projects

None yet

2 participants

@yinlianghui@claude