feat(vite-v8): migrate

philibea · philibea · commit 25f9328e636a · 2025-12-08T10:10:02.000+01:00
Signed-off-by: aphilibeaux &lt;aphilibeaux@scaleway.com&gt;
diff --git a/package.json b/package.json
@@ -143,7 +143,6 @@
     "cross-env": "10.1.0",
     "cz-conventional-changelog": "3.3.0",
     "date-fns": "4.1.0",
-    "esbuild-plugin-browserslist": "2.0.0",
     "eslint": "9.39.1",
     "eslint-plugin-oxlint": "1.31.0",
     "eslint-plugin-storybook": "9.1.16",
@@ -177,7 +176,7 @@
     "tsx": "4.21.0",
     "turbo": "2.6.1",
     "typescript": "5.9.3",
-    "vite": "7.2.6",
+    "vite": "8.0.0-beta.0",
     "vitest": "3.2.4",
     "vitest-canvas-mock": "0.3.3",
     "vitest-localstorage-mock": "0.1.2",
diff --git a/packages/form/package.json b/packages/form/package.json
@@ -72,6 +72,7 @@
     "@types/final-form-focus": "1.1.7",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
+    "@ultraviolet/config": "workspace:*",
     "@ultraviolet/ui": "workspace:*",
     "@utils/test": "workspace:*",
     "react": "19.2.0",
diff --git a/packages/form/src/components/SelectableCardGroupField/SelectableCardGroupField.tsx b/packages/form/src/components/SelectableCardGroupField/SelectableCardGroupField.tsx
@@ -7,14 +7,13 @@ import { useController } from 'react-hook-form'
 import { useErrors } from '../../providers'
 import type { BaseFieldProps } from '../../types'
 
+type SelectableCardGroupProps = ComponentProps<typeof SelectableCardGroup>
+
 type SelectableCardGroupFieldProps<
   TFieldValues extends FieldValues,
   TFieldName extends FieldPath<TFieldValues>,
 > = BaseFieldProps<TFieldValues, TFieldName> &
-  Omit<
-    ComponentProps<typeof SelectableCardGroup>,
-    'name' | 'onChange' | 'value'
-  >
+  Omit<SelectableCardGroupProps, 'name' | 'onChange' | 'value'>
 
 export const SelectableCardGroupField = <
   TFieldValues extends FieldValues,
diff --git a/packages/form/src/components/SelectableCardGroupField/index.ts b/packages/form/src/components/SelectableCardGroupField/index.ts
@@ -0,0 +1 @@
+export { SelectableCardGroupField } from './SelectableCardGroupField'
diff --git a/packages/form/src/components/SelectableCardOptionGroupField/index.tsx b/packages/form/src/components/SelectableCardOptionGroupField/index.tsx
@@ -7,24 +7,26 @@ import { useController } from 'react-hook-form'
 import { useErrors } from '../../providers'
 import type { BaseFieldProps } from '../../types'
 
+type SelectableCardOptionGroupUI = typeof SelectableCardOptionGroup
+
 type SelectableCardOptionGroupFieldProps<
   TFieldValues extends FieldValues,
   TFieldName extends FieldPath<TFieldValues>,
 > = Omit<
-  ComponentProps<typeof SelectableCardOptionGroup>,
+  ComponentProps<SelectableCardOptionGroupUI>,
   'onChange' | 'onChangeOption'
 > &
   Partial<
     Pick<
-      ComponentProps<typeof SelectableCardOptionGroup>,
+      ComponentProps<SelectableCardOptionGroupUI>,
       'onChangeOption' | 'onChange'
     >
   > &
   Omit<BaseFieldProps<TFieldValues, TFieldName>, 'label'> & {
     optionName?: string
   }
 
-export const SelectableCardOptionGroupField = <
+const SelectableCardOptionGroupField = <
   TFieldValues extends FieldValues,
   TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,
 >({
@@ -88,3 +90,5 @@ export const SelectableCardOptionGroupField = <
 }
 
 SelectableCardOptionGroupField.Option = SelectableCardOptionGroup.Option
+
+export { SelectableCardOptionGroupField }
diff --git a/packages/form/tsconfig.build.json b/packages/form/tsconfig.build.json
@@ -1,12 +1,9 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/build.json",
+  "include": ["src"],
   "compilerOptions": {
-    "noEmit": false,
-    "emitDeclarationOnly": true,
-    "declaration": true,
     "rootDir": "src",
-    "outDir": "dist",
-    "skipLibCheck": true
+    "outDir": "dist"
   },
   "exclude": [
     "*.config.ts",
diff --git a/packages/form/tsconfig.json b/packages/form/tsconfig.json
@@ -1,7 +1,8 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/base.json",
   "compilerOptions": {
-    "baseUrl": "."
+    "rootDir": "src",
+    "outDir": "dist"
   },
   "include": ["src", "vitest.setup.ts"],
   "exclude": ["node_modules", "coverage", "dist"]
diff --git a/packages/icons/package.json b/packages/icons/package.json
@@ -125,11 +125,13 @@
     "@babel/core": "7.28.5",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
+
     "@utils/test": "workspace:*",
     "react": "19.2.0",
     "react-dom": "19.2.0"
   },
   "dependencies": {
+    "@ultraviolet/config": "workspace:*",
     "@ultraviolet/themes": "workspace:*",
     "@vanilla-extract/css": "1.17.4",
     "@vanilla-extract/dynamic": "2.1.5",
diff --git a/packages/icons/tsconfig.build.json b/packages/icons/tsconfig.build.json
@@ -1,8 +1,7 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/build.json",
+  "include": ["src"],
   "compilerOptions": {
-    "noEmit": false,
-    "emitDeclarationOnly": true,
     "rootDir": "src",
     "outDir": "dist"
   },
diff --git a/packages/icons/tsconfig.json b/packages/icons/tsconfig.json
@@ -1,8 +1,9 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/base.json",
+  "include": ["src", "../../global.d.ts"],
   "compilerOptions": {
-    "baseUrl": "."
+    "rootDir": "src",
+    "outDir": "dist"
   },
-  "include": ["src", "../../global.d.ts"],
   "exclude": ["node_modules", "coverage", "dist"]
 }
diff --git a/packages/illustrations/package.json b/packages/illustrations/package.json
@@ -106,6 +106,7 @@
   "devDependencies": {
     "@ultraviolet/icons": "workspace:*",
     "@ultraviolet/ui": "workspace:*",
+    "@ultraviolet/config": "workspace:*",
     "@utils/test": "workspace:*",
     "@vanilla-extract/vite-plugin": "5.1.1",
     "react": "19.2.0",
diff --git a/packages/illustrations/tsconfig.build.json b/packages/illustrations/tsconfig.build.json
@@ -1,8 +1,7 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/build.json",
+  "include": ["src"],
   "compilerOptions": {
-    "noEmit": false,
-    "emitDeclarationOnly": true,
     "rootDir": "src",
     "outDir": "dist"
   },
diff --git a/packages/illustrations/tsconfig.json b/packages/illustrations/tsconfig.json
@@ -1,8 +1,5 @@
 {
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "baseUrl": "."
-  },
+  "extends": "@ultraviolet/config/tsconfig/base.json",
   "include": ["src", "../../global.d.ts"],
   "exclude": ["node_modules", "coverage", "dist"]
 }
diff --git a/packages/nextjs/package.json b/packages/nextjs/package.json
@@ -60,6 +60,7 @@
   "devDependencies": {
     "@ultraviolet/themes": "workspace:*",
     "@ultraviolet/ui": "workspace:*",
+    "@ultraviolet/config": "workspace:*",
     "next": "16.0.7",
     "react": "19.2.0",
     "react-dom": "19.2.0"
diff --git a/packages/nextjs/tsconfig.build.json b/packages/nextjs/tsconfig.build.json
@@ -1,8 +1,7 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/build.json",
+  "include": ["src"],
   "compilerOptions": {
-    "noEmit": false,
-    "emitDeclarationOnly": true,
     "rootDir": "src",
     "outDir": "dist"
   },
diff --git a/packages/nextjs/tsconfig.json b/packages/nextjs/tsconfig.json
@@ -1,7 +1,8 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/base.json",
   "compilerOptions": {
-    "baseUrl": "."
+    "rootDir": "src",
+    "outDir": "dist"
   },
   "include": ["src", "../../global.d.ts"],
   "exclude": ["node_modules", "coverage", "dist"]
diff --git a/packages/plus/package.json b/packages/plus/package.json
@@ -72,6 +72,7 @@
     "@babel/core": "7.28.5",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
+    "@ultraviolet/config": "workspace:*",
     "@ultraviolet/illustrations": "workspace:*",
     "@ultraviolet/ui": "workspace:*",
     "@utils/test": "workspace:*",
diff --git a/packages/plus/tsconfig.build.json b/packages/plus/tsconfig.build.json
@@ -1,8 +1,7 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/build.json",
+  "include": ["src"],
   "compilerOptions": {
-    "noEmit": false,
-    "emitDeclarationOnly": true,
     "rootDir": "src",
     "outDir": "dist"
   },
diff --git a/packages/plus/tsconfig.json b/packages/plus/tsconfig.json
diff --git a/packages/themes/package.json b/packages/themes/package.json
@@ -65,6 +65,7 @@
     "@vanilla-extract/dynamic": "2.1.5"
   },
   "devDependencies": {
+    "@ultraviolet/config": "workspace:*",
     "react": "19.2.0",
     "react-dom": "19.2.0"
   }
diff --git a/packages/themes/tsconfig.build.json b/packages/themes/tsconfig.build.json
@@ -1,8 +1,7 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/build.json",
+  "include": ["src"],
   "compilerOptions": {
-    "noEmit": false,
-    "emitDeclarationOnly": true,
     "rootDir": "src",
     "outDir": "dist"
   },
diff --git a/packages/themes/tsconfig.json b/packages/themes/tsconfig.json
@@ -1,7 +1,8 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/base.json",
   "compilerOptions": {
-    "baseUrl": "."
+    "rootDir": "src",
+    "outDir": "dist"
   },
   "include": ["src"],
   "exclude": ["node_modules", "coverage", "dist"]
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -75,6 +75,7 @@
     "react-dom": "18.x || 19.x"
   },
   "devDependencies": {
+    "@ultraviolet/config": "workspace:*",
     "@babel/core": "7.28.5",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
diff --git a/packages/ui/src/components/Chip/ChipIcon.tsx b/packages/ui/src/components/Chip/ChipIcon.tsx
@@ -3,7 +3,7 @@
 import * as Icon from '@ultraviolet/icons'
 import type { RefObject } from 'react'
 import { useContext } from 'react'
-import type { PascalToCamelCaseWithoutSuffix } from 'src/types'
+import type { PascalToCamelCaseWithoutSuffix } from '../../types'
 import { ChipContext } from './ChipContext'
 import { buttonContainer } from './styles.css'
 
diff --git a/packages/ui/src/components/SelectableCardOptionGroup/SelectableCardOptionGroup.tsx b/packages/ui/src/components/SelectableCardOptionGroup/SelectableCardOptionGroup.tsx
diff --git a/packages/ui/src/components/SelectableCardOptionGroup/index.ts b/packages/ui/src/components/SelectableCardOptionGroup/index.ts
@@ -0,0 +1 @@
+export { SelectableCardOptionGroup } from './SelectableCardOptionGroup'
diff --git a/packages/ui/src/components/Slider/components/DoubleSlider.tsx b/packages/ui/src/components/Slider/components/DoubleSlider.tsx
@@ -375,7 +375,7 @@ export const DoubleSlider = ({
                 onFocus={onFocus}
                 step={step}
                 style={assignInlineVars({
-                  [leftVar]: `calc(${((selectedIndexes[1] - min) * 100) / (max - min)}% - ${THUMB_SIZE / 2}px`,
+                  [leftVar]: `calc(${(((selectedIndexes[1] ?? 0) - min) * 100) / (max - min)}% - ${THUMB_SIZE / 2}px`,
                   [thumbColor]:
                     theme.theme === 'light'
                       ? theme.colors.neutral.background
diff --git a/packages/ui/src/components/Slider/components/SingleSlider.tsx b/packages/ui/src/components/Slider/components/SingleSlider.tsx
@@ -183,7 +183,9 @@ export const SingleSlider = ({
     THUMB_SIZE / 2 -
     sliderWidth / 2
 
-  const valueToShow = options ? options[selectedIndex]?.value : selectedIndex
+  const valueToShow = options?.[selectedIndex]
+    ? options[selectedIndex].value
+    : selectedIndex
 
   return (
     <Stack direction={direction} gap={1} justifyContent="left">
diff --git a/packages/ui/src/components/Table/Row.tsx b/packages/ui/src/components/Table/Row.tsx
@@ -132,7 +132,9 @@ export const Row = ({
                     }
                     disabled={!!selectDisabled}
                     name="table-select-checkbox"
-                    onChange={() => handleOnChange(id, selectedRowIds[id])}
+                    onChange={() =>
+                      handleOnChange(id, selectedRowIds[id] ?? false)
+                    }
                     ref={checkboxRowRef}
                     value={id}
                   />
diff --git a/packages/ui/src/components/Text/style.css.ts b/packages/ui/src/components/Text/style.css.ts
@@ -1,7 +1,7 @@
 import { theme } from '@ultraviolet/themes'
 import type { RecipeVariants } from '@vanilla-extract/recipes'
 import { recipe } from '@vanilla-extract/recipes'
-import type { ExtendedColor } from 'src/theme'
+import type { ExtendedColor } from '../../theme'
 import { typography } from '../../theme'
 import { PROMINENCES } from './constants'
 import capitalize from '../../utils/capitalize'
diff --git a/packages/ui/tsconfig.build.json b/packages/ui/tsconfig.build.json
@@ -1,8 +1,7 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/build.json",
+  "include": ["src"],
   "compilerOptions": {
-    "noEmit": false,
-    "emitDeclarationOnly": true,
     "rootDir": "src",
     "outDir": "dist"
   },
diff --git a/packages/ui/tsconfig.json b/packages/ui/tsconfig.json
@@ -1,7 +1,8 @@
 {
-  "extends": "../../tsconfig.json",
+  "extends": "@ultraviolet/config/tsconfig/build.json",
   "compilerOptions": {
-    "baseUrl": "."
+    "rootDir": "src",
+    "outDir": "dist"
   },
   "include": ["src", "../../global.d.ts", "vitest.setup.ts"],
   "exclude": ["node_modules", "coverage", "dist"]
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/tsconfig.json b/tsconfig.json
diff --git a/utils/config/package.json b/utils/config/package.json
diff --git a/utils/config/tsconfig/base.json b/utils/config/tsconfig/base.json
diff --git a/utils/config/tsconfig/build.json b/utils/config/tsconfig/build.json
diff --git a/vite.config.ts b/vite.config.ts

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+export { SelectableCardGroupField } from './SelectableCardGroupField'`
Original file line number	Diff line number	Diff line change
`@@ -1,8 +1,9 @@`
`1`	`1`	`{`
`2`		`- "extends": "../../tsconfig.json",`
	`2`	`+ "extends": "@ultraviolet/config/tsconfig/base.json",`
	`3`	`+ "include": ["src", "../../global.d.ts"],`
`3`	`4`	`"compilerOptions": {`
`4`		`- "baseUrl": "."`
	`5`	`+ "rootDir": "src",`
	`6`	`+ "outDir": "dist"`
`5`	`7`	`},`
`6`		`- "include": ["src", "../../global.d.ts"],`
`7`	`8`	`"exclude": ["node_modules", "coverage", "dist"]`
`8`	`9`	`}`