admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

[REFACTOR] Twenty UI multi barrel (#11301)

Browse Source 
# Introduction
closes https://github.com/twentyhq/core-team-issues/issues/591
Same than for `twenty-shared` made in
https://github.com/twentyhq/twenty/pull/11083.

## TODO
- [x] Manual migrate twenty-website twenty-ui imports

## What's next:
- Generate barrel and migration script factorization within own package
+ tests
- Refactoring using preconstruct ? TimeBox
- Lint circular dependencies
- Lint import from barrel and forbid them

### Preconstruct
We need custom rollup plugins addition, but preconstruct does not expose
its rollup configuration. It might be possible to handle this using the
babel overrides. But was a big tunnel.
We could give it a try afterwards ! ( allowing cjs interop and stuff
like that )
Stuck to vite lib app

Closed related PRs:
- https://github.com/twentyhq/twenty/pull/11294
- https://github.com/twentyhq/twenty/pull/11203
This commit is contained in:
Paul Rastoin
2025-04-03 11:47:55 +02:00
committed by GitHub
parent 8c9fcfe5a4
commit 4a4e65fe4a
1009 changed files with 5757 additions and 2828 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
packages/twenty-ui/src/theme/assets/dark-noise.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 25 KiB

BIN
packages/twenty-ui/src/theme/assets/light-noise.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 9.4 KiB

2
packages/twenty-ui/src/theme/constants/BackgroundDark.ts
View File

@ -1,5 +1,5 @@
/* eslint-disable @nx/workspace-no-hardcoded-colors */
import DarkNoise from '../assets/dark-noise.jpg';
import DarkNoise from '@assets/themes/dark-noise.jpg';
import { COLOR } from './Colors';
import { GRAY_SCALE } from './GrayScale';

2
packages/twenty-ui/src/theme/constants/BackgroundLight.ts
View File

@ -1,5 +1,5 @@
/* eslint-disable @nx/workspace-no-hardcoded-colors */
import LightNoise from '../assets/light-noise.png';
import LightNoise from '@assets/themes/light-noise.png';
import { COLOR } from './Colors';
import { GRAY_SCALE } from './GrayScale';

106
packages/twenty-ui/src/theme/index.ts
View File

@ -1,46 +1,60 @@
export * from './constants/AccentDark';
export * from './constants/AccentLight';
export * from './constants/AdaptiveColorsDark';
export * from './constants/AdaptiveColorsLight';
export * from './constants/Animation';
export * from './constants/BackgroundDark';
export * from './constants/BackgroundLight';
export * from './constants/BlurDark';
export * from './constants/BlurLight';
export * from './constants/BorderCommon';
export * from './constants/BorderDark';
export * from './constants/BorderLight';
export * from './constants/BoxShadowDark';
export * from './constants/BoxShadowLight';
export * from './constants/CodeDark';
export * from './constants/CodeLight';
export * from './constants/Colors';
export * from './constants/FontCommon';
export * from './constants/FontDark';
export * from './constants/FontLight';
export * from './constants/GrayScale';
export * from './constants/HoverBackground';
export * from './constants/Icon';
export * from './constants/IllustrationIconDark';
export * from './constants/IllustrationIconLight';
export * from './constants/MainColorNames';
export * from './constants/MainColors';
export * from './constants/MobileViewport';
export * from './constants/Modal';
export * from './constants/Rgba';
export * from './constants/SecondaryColors';
export * from './constants/SnackBarCommon';
export * from './constants/SnackBarDark';
export * from './constants/SnackBarLight';
export * from './constants/TagDark';
export * from './constants/TagLight';
export * from './constants/Text';
export * from './constants/TextInputStyle';
export * from './constants/ThemeCommon';
export * from './constants/ThemeDark';
export * from './constants/ThemeLight';
export * from './provider/ThemeContextProvider';
export * from './provider/ThemeProvider';
export * from './types/ThemeType';
export * from './utils/getNextThemeColor';
export * from './utils/themeColorSchema';
/*
* _____ _
*|_ _|_ _____ _ __ | |_ _ _
* | | \ \ /\ / / _ \ '_ \| __| | | | Auto-generated file
* | | \ V V / __/ | | | |_| |_| | Any edits to this will be overridden
* |_| \_/\_/ \___|_| |_|\__|\__, |
* |___/
*/
export { ACCENT_DARK } from './constants/AccentDark';
export { ACCENT_LIGHT } from './constants/AccentLight';
export { ADAPTIVE_COLORS_DARK } from './constants/AdaptiveColorsDark';
export { ADAPTIVE_COLORS_LIGHT } from './constants/AdaptiveColorsLight';
export type { AnimationDuration } from './constants/Animation';
export { ANIMATION } from './constants/Animation';
export { BACKGROUND_DARK } from './constants/BackgroundDark';
export { BACKGROUND_LIGHT } from './constants/BackgroundLight';
export { BLUR_DARK } from './constants/BlurDark';
export { BLUR_LIGHT } from './constants/BlurLight';
export { BORDER_COMMON } from './constants/BorderCommon';
export { BORDER_DARK } from './constants/BorderDark';
export { BORDER_LIGHT } from './constants/BorderLight';
export { BOX_SHADOW_DARK } from './constants/BoxShadowDark';
export { BOX_SHADOW_LIGHT } from './constants/BoxShadowLight';
export { CODE_DARK } from './constants/CodeDark';
export { CODE_LIGHT } from './constants/CodeLight';
export { COLOR } from './constants/Colors';
export { FONT_COMMON } from './constants/FontCommon';
export { FONT_DARK } from './constants/FontDark';
export { FONT_LIGHT } from './constants/FontLight';
export { GRAY_SCALE } from './constants/GrayScale';
export { HOVER_BACKGROUND } from './constants/HoverBackground';
export { ICON } from './constants/Icon';
export { ILLUSTRATION_ICON_DARK } from './constants/IllustrationIconDark';
export { ILLUSTRATION_ICON_LIGHT } from './constants/IllustrationIconLight';
export type { ThemeColor } from './constants/MainColorNames';
export { MAIN_COLOR_NAMES } from './constants/MainColorNames';
export { MAIN_COLORS } from './constants/MainColors';
export { MOBILE_VIEWPORT } from './constants/MobileViewport';
export { MODAL } from './constants/Modal';
export { RGBA } from './constants/Rgba';
export { SECONDARY_COLORS } from './constants/SecondaryColors';
export { SNACK_BAR_COMMON } from './constants/SnackBarCommon';
export { SNACK_BAR_DARK } from './constants/SnackBarDark';
export { SNACK_BAR_LIGHT } from './constants/SnackBarLight';
export { TAG_DARK } from './constants/TagDark';
export { TAG_LIGHT } from './constants/TagLight';
export { TEXT } from './constants/Text';
export { TEXT_INPUT_STYLE } from './constants/TextInputStyle';
export { THEME_COMMON } from './constants/ThemeCommon';
export { THEME_DARK } from './constants/ThemeDark';
export { THEME_LIGHT } from './constants/ThemeLight';
export type { ThemeContextType } from './provider/ThemeContextProvider';
export {
ThemeContext,
ThemeContextProvider,
} from './provider/ThemeContextProvider';
export type { ThemeType } from './types/ThemeType';
export { getNextThemeColor } from './utils/getNextThemeColor';
export { themeColorSchema } from './utils/themeColorSchema';