feat(components): auto dev mode via environment

[deleonio]

This pull request focuses on simplifying the handling of development mode (DEV_MODE) by removing the setDevMode function and replacing its usage with a direct check of the processEnv variable. Additionally, it refactors related code to streamline initialization and validation processes.

Refactoring Development Mode Handling:

• packages/components/src/core/bootstrap.ts: Removed the environment property from the KoliBriOptions type and eliminated the call to setDevMode in the bootstrap function. Development mode is now inferred directly from processEnv. [1] [2]
• packages/components/src/schema/utils/dev.utils.ts: Removed the setDevMode function and replaced the DEV_MODE initialization with a direct check against processEnv.
• packages/components/src/utils/dev.utils.ts: Removed the call to setDevMode in the initMeta function, as development mode is now handled globally. [1] [2]

Validation Logic Updates:

• packages/components/src/schema/utils/prop.validators.ts: Updated the watchValidator function to skip validation logic entirely if DEV_MODE is false, improving performance in production environments.

Cleanup and Simplification:

• packages/samples/react/src/react.main.tsx: Removed the environment property from the bootstrap call, as it is no longer required.

[github-actions]

Hydration Benchmark Report (vs Baseline)

✅ Top 5 Improvements (Best Speedups)

Component	Current	Baseline	Δ%	Result
kol-pagination	72.5ms	423.8ms	-82.9%	✅
kol-table-stateless	98.1ms	437ms	-77.6%	✅
kol-select	70ms	117.1ms	-40.2%	✅
kol-form	31.2ms	35.6ms	-12.4%	✅
kol-input-color	72ms	81.9ms	-12.1%	✅

🔻 Flop 5 Regressions (Worst Slowdowns)

Component	Current	Baseline	Δ%	Result
kol-avatar	64.6ms	26.9ms	+140.1%	🔻
kol-icon	105.7ms	65.1ms	+62.4%	🔻
kol-progress	52.9ms	32.8ms	+61.3%	🔻
kol-drawer	39.6ms	25.6ms	+54.7%	🔻
kol-card	29.7ms	22.6ms	+31.4%	🔻

📋 Show all results

Component	Current	Baseline	Δ%	Result
kol-abbr	19ms	19.8ms	-4%	➖
kol-accordion	140.1ms	131ms	+6.9%	➖
kol-alert	116ms	105.9ms	+9.5%	➖
kol-avatar	64.6ms	26.9ms	+140.1%	🔻
kol-badge	63.5ms	70.1ms	-9.4%	➖
kol-breadcrumb	96.9ms	97.6ms	-0.7%	➖
kol-button	64.7ms	63ms	+2.7%	➖
kol-button-link	58.3ms	50.7ms	+15%	🔻
kol-card	29.7ms	22.6ms	+31.4%	🔻
kol-details	139.3ms	134.9ms	+3.3%	➖
kol-drawer	39.6ms	25.6ms	+54.7%	🔻
kol-form	31.2ms	35.6ms	-12.4%	✅
kol-heading	21.6ms	21.5ms	+0.5%	➖
kol-icon	105.7ms	65.1ms	+62.4%	🔻
kol-image	18ms	19.3ms	-6.7%	➖
kol-input-checkbox	142.1ms	141.3ms	+0.6%	➖
kol-input-color	72ms	81.9ms	-12.1%	✅
kol-input-date	75.5ms	70.3ms	+7.4%	➖
kol-input-email	69.2ms	62.5ms	+10.7%	🔻
kol-input-file	100.9ms	93.7ms	+7.7%	➖
kol-input-number	62.9ms	56.1ms	+12.1%	🔻
kol-input-password	66.3ms	51.6ms	+28.5%	🔻
kol-input-radio	51.7ms	56.5ms	-8.5%	➖
kol-input-text	72.9ms	59.3ms	+22.9%	🔻
kol-link	60.5ms	49.8ms	+21.5%	🔻
kol-link-button	62.6ms	56.5ms	+10.8%	🔻
kol-modal	22.3ms	20.5ms	+8.8%	➖
kol-nav	33.2ms	33.9ms	-2.1%	➖
kol-pagination	72.5ms	423.8ms	-82.9%	✅
kol-popover-button	73ms	71.3ms	+2.4%	➖
kol-progress	52.9ms	32.8ms	+61.3%	🔻
kol-quote	19.4ms	19ms	+2.1%	➖
kol-select	70ms	117.1ms	-40.2%	✅
kol-skip-nav	21.5ms	23.6ms	-8.9%	➖
kol-spin	23.9ms	24.2ms	-1.2%	➖
kol-split-button	176.6ms	174.7ms	+1.1%	➖
kol-table-stateful	428ms	374.7ms	+14.2%	🔻
kol-table-stateless	98.1ms	437ms	-77.6%	✅
kol-tabs	29.5ms	32.3ms	-8.7%	➖
kol-textarea	64.6ms	54.1ms	+19.4%	🔻
kol-toolbar	33.8ms	36ms	-6.1%	➖
kol-tree	29.3ms	26.5ms	+10.6%	🔻
kol-tree-item	63.9ms	64ms	-0.2%	➖
kol-version	153.8ms	154.8ms	-0.6%	➖

[github-actions]

Netlify Draft Deployment
URL: https://687e0407b492fed259647979--kolibri-public-ui.netlify.app
Logs: https://app.netlify.com/projects/kolibri-public-ui/deploys/687e0407b492fed259647979

[deleonio]

#8099