diff --git a/demo/CONTRIBUTING.md b/demo/CONTRIBUTING.md index ef5bcbe53d..ecf691e864 100644 --- a/demo/CONTRIBUTING.md +++ b/demo/CONTRIBUTING.md @@ -4,20 +4,20 @@ Thanks for the interest! Before reading on, have a look at the repo's [contribut ## What's required -Demos are based on the CodeSandbox `react-typescript` template. You can either copy an existing demo and tweak it, or build one in CodeSandbox and export the code into `demo/src/sandboxes//`. +Demos are standalone Vite + React + TypeScript projects. You can either copy an existing demo and tweak it, or build one in CodeSandbox and export the code into `demo/src/sandboxes//`. Each demo follows this structure: ``` demo/src/sandboxes// -├── public/ -│ └── index.html ├── src/ │ ├── App.tsx # entry point — imported by the demo hub │ └── index.tsx +├── index.html ├── package.json ├── thumbnail.png # 16:9, shown on the website -└── tsconfig.json # copy from an existing demo +├── tsconfig.json # copy from an existing demo +└── vite.config.ts # copy from an existing demo ``` `App.tsx` is the entry the demo hub renders via Vite, so it must export a default component. diff --git a/demo/src/sandboxes/animating-auto/index.html b/demo/src/sandboxes/animating-auto/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/animating-auto/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/animating-auto/package.json b/demo/src/sandboxes/animating-auto/package.json index 11cb5db4ca..061a6de04c 100644 --- a/demo/src/sandboxes/animating-auto/package.json +++ b/demo/src/sandboxes/animating-auto/package.json @@ -14,24 +14,18 @@ "@react-spring/web": "*", "react": "^19.3.0", "react-dom": "^19.3.0", - "react-scripts": "5.0.1", "react-use-measure": "2.1.7" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/animating-auto/public/index.html b/demo/src/sandboxes/animating-auto/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/animating-auto/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/animating-auto/tsconfig.json b/demo/src/sandboxes/animating-auto/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/animating-auto/tsconfig.json +++ b/demo/src/sandboxes/animating-auto/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/animating-auto/vite.config.ts b/demo/src/sandboxes/animating-auto/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/animating-auto/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/card/index.html b/demo/src/sandboxes/card/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/card/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/card/package.json b/demo/src/sandboxes/card/package.json index 956d869fce..0185934d24 100644 --- a/demo/src/sandboxes/card/package.json +++ b/demo/src/sandboxes/card/package.json @@ -14,24 +14,18 @@ "@react-spring/web": "*", "@use-gesture/react": "10.3.1", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/card/public/index.html b/demo/src/sandboxes/card/public/index.html deleted file mode 100644 index 2a1959d610..0000000000 --- a/demo/src/sandboxes/card/public/index.html +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/card/tsconfig.json b/demo/src/sandboxes/card/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/card/tsconfig.json +++ b/demo/src/sandboxes/card/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/card/vite.config.ts b/demo/src/sandboxes/card/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/card/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/cards-stack/index.html b/demo/src/sandboxes/cards-stack/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/cards-stack/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/cards-stack/package.json b/demo/src/sandboxes/cards-stack/package.json index a5c28f8b65..e45eec1977 100644 --- a/demo/src/sandboxes/cards-stack/package.json +++ b/demo/src/sandboxes/cards-stack/package.json @@ -14,24 +14,18 @@ "@react-spring/web": "*", "@use-gesture/react": "10.3.1", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/cards-stack/public/index.html b/demo/src/sandboxes/cards-stack/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/cards-stack/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/cards-stack/tsconfig.json b/demo/src/sandboxes/cards-stack/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/cards-stack/tsconfig.json +++ b/demo/src/sandboxes/cards-stack/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/cards-stack/vite.config.ts b/demo/src/sandboxes/cards-stack/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/cards-stack/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/chain/index.html b/demo/src/sandboxes/chain/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/chain/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/chain/package.json b/demo/src/sandboxes/chain/package.json index eb635a2ac5..2fb2856843 100644 --- a/demo/src/sandboxes/chain/package.json +++ b/demo/src/sandboxes/chain/package.json @@ -12,24 +12,18 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/chain/public/index.html b/demo/src/sandboxes/chain/public/index.html deleted file mode 100644 index 2a1959d610..0000000000 --- a/demo/src/sandboxes/chain/public/index.html +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/chain/tsconfig.json b/demo/src/sandboxes/chain/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/chain/tsconfig.json +++ b/demo/src/sandboxes/chain/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/chain/vite.config.ts b/demo/src/sandboxes/chain/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/chain/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/css-gradients/index.html b/demo/src/sandboxes/css-gradients/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/css-gradients/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/css-gradients/package.json b/demo/src/sandboxes/css-gradients/package.json index 884eab08b0..2c30c48f5d 100644 --- a/demo/src/sandboxes/css-gradients/package.json +++ b/demo/src/sandboxes/css-gradients/package.json @@ -15,24 +15,18 @@ "easing-coordinates": "2.0.2", "leva": "0.10.1", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/css-gradients/public/index.html b/demo/src/sandboxes/css-gradients/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/css-gradients/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/css-gradients/tsconfig.json b/demo/src/sandboxes/css-gradients/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/css-gradients/tsconfig.json +++ b/demo/src/sandboxes/css-gradients/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/css-gradients/vite.config.ts b/demo/src/sandboxes/css-gradients/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/css-gradients/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/css-keyframes/index.html b/demo/src/sandboxes/css-keyframes/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/css-keyframes/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/css-keyframes/package.json b/demo/src/sandboxes/css-keyframes/package.json index c15f6f1bd0..96008a963e 100644 --- a/demo/src/sandboxes/css-keyframes/package.json +++ b/demo/src/sandboxes/css-keyframes/package.json @@ -12,24 +12,18 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/css-keyframes/public/index.html b/demo/src/sandboxes/css-keyframes/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/css-keyframes/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/css-keyframes/tsconfig.json b/demo/src/sandboxes/css-keyframes/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/css-keyframes/tsconfig.json +++ b/demo/src/sandboxes/css-keyframes/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/css-keyframes/vite.config.ts b/demo/src/sandboxes/css-keyframes/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/css-keyframes/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/css-variables/index.html b/demo/src/sandboxes/css-variables/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/css-variables/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/css-variables/package.json b/demo/src/sandboxes/css-variables/package.json index d929eda95d..38c216370a 100644 --- a/demo/src/sandboxes/css-variables/package.json +++ b/demo/src/sandboxes/css-variables/package.json @@ -14,25 +14,19 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "bic": false, "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/css-variables/public/index.html b/demo/src/sandboxes/css-variables/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/css-variables/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/css-variables/tsconfig.json b/demo/src/sandboxes/css-variables/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/css-variables/tsconfig.json +++ b/demo/src/sandboxes/css-variables/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/css-variables/vite.config.ts b/demo/src/sandboxes/css-variables/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/css-variables/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/draggable-list/custom.d.ts b/demo/src/sandboxes/draggable-list/custom.d.ts deleted file mode 100644 index 6c344ed381..0000000000 --- a/demo/src/sandboxes/draggable-list/custom.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.module.css' diff --git a/demo/src/sandboxes/draggable-list/index.html b/demo/src/sandboxes/draggable-list/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/draggable-list/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/draggable-list/package.json b/demo/src/sandboxes/draggable-list/package.json index c9ba344a82..06c6bfedbb 100644 --- a/demo/src/sandboxes/draggable-list/package.json +++ b/demo/src/sandboxes/draggable-list/package.json @@ -16,25 +16,19 @@ "lodash.clamp": "4.0.3", "lodash-move": "1.1.1", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/lodash-es": "4.17.12", "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/draggable-list/public/index.html b/demo/src/sandboxes/draggable-list/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/draggable-list/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/draggable-list/tsconfig.json b/demo/src/sandboxes/draggable-list/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/draggable-list/tsconfig.json +++ b/demo/src/sandboxes/draggable-list/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/draggable-list/vite.config.ts b/demo/src/sandboxes/draggable-list/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/draggable-list/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/exit-before-enter/custom.d.ts b/demo/src/sandboxes/exit-before-enter/custom.d.ts deleted file mode 100644 index 6c344ed381..0000000000 --- a/demo/src/sandboxes/exit-before-enter/custom.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.module.css' diff --git a/demo/src/sandboxes/exit-before-enter/index.html b/demo/src/sandboxes/exit-before-enter/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/exit-before-enter/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/exit-before-enter/package.json b/demo/src/sandboxes/exit-before-enter/package.json index f932da2627..0ce6d17beb 100644 --- a/demo/src/sandboxes/exit-before-enter/package.json +++ b/demo/src/sandboxes/exit-before-enter/package.json @@ -13,24 +13,18 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/exit-before-enter/public/index.html b/demo/src/sandboxes/exit-before-enter/public/index.html deleted file mode 100644 index 2a1959d610..0000000000 --- a/demo/src/sandboxes/exit-before-enter/public/index.html +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/exit-before-enter/tsconfig.json b/demo/src/sandboxes/exit-before-enter/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/exit-before-enter/tsconfig.json +++ b/demo/src/sandboxes/exit-before-enter/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/exit-before-enter/vite.config.ts b/demo/src/sandboxes/exit-before-enter/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/exit-before-enter/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/flip-card/index.html b/demo/src/sandboxes/flip-card/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/flip-card/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/flip-card/package.json b/demo/src/sandboxes/flip-card/package.json index 3271ecd267..44886ef81f 100644 --- a/demo/src/sandboxes/flip-card/package.json +++ b/demo/src/sandboxes/flip-card/package.json @@ -12,24 +12,18 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/flip-card/public/index.html b/demo/src/sandboxes/flip-card/public/index.html deleted file mode 100644 index 2a1959d610..0000000000 --- a/demo/src/sandboxes/flip-card/public/index.html +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/flip-card/tsconfig.json b/demo/src/sandboxes/flip-card/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/flip-card/tsconfig.json +++ b/demo/src/sandboxes/flip-card/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/flip-card/vite.config.ts b/demo/src/sandboxes/flip-card/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/flip-card/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/floating-button/index.html b/demo/src/sandboxes/floating-button/index.html new file mode 100644 index 0000000000..e62b8fb826 --- /dev/null +++ b/demo/src/sandboxes/floating-button/index.html @@ -0,0 +1,12 @@ + + + + + + React App + + +
+ + + diff --git a/demo/src/sandboxes/floating-button/package.json b/demo/src/sandboxes/floating-button/package.json index aa3a46660f..0872d609a5 100644 --- a/demo/src/sandboxes/floating-button/package.json +++ b/demo/src/sandboxes/floating-button/package.json @@ -16,24 +16,18 @@ "@stitches/react": "1.2.8", "@use-gesture/react": "10.3.1", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + } } diff --git a/demo/src/sandboxes/floating-button/public/index.html b/demo/src/sandboxes/floating-button/public/index.html deleted file mode 100644 index ba1c8014af..0000000000 --- a/demo/src/sandboxes/floating-button/public/index.html +++ /dev/null @@ -1,44 +0,0 @@ - - - - - - - - - - - React App - - - - -
- - - diff --git a/demo/src/sandboxes/floating-button/tsconfig.json b/demo/src/sandboxes/floating-button/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/floating-button/tsconfig.json +++ b/demo/src/sandboxes/floating-button/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/floating-button/vite.config.ts b/demo/src/sandboxes/floating-button/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/floating-button/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/goo-blobs/index.html b/demo/src/sandboxes/goo-blobs/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/goo-blobs/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/goo-blobs/package.json b/demo/src/sandboxes/goo-blobs/package.json index 4cac5a2bf9..c752af3d77 100644 --- a/demo/src/sandboxes/goo-blobs/package.json +++ b/demo/src/sandboxes/goo-blobs/package.json @@ -14,24 +14,18 @@ "@react-spring/web": "*", "react": "^19.3.0", "react-dom": "^19.3.0", - "react-scripts": "5.0.1", "react-use-measure": "2.1.7" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/goo-blobs/public/index.html b/demo/src/sandboxes/goo-blobs/public/index.html deleted file mode 100644 index 2a1959d610..0000000000 --- a/demo/src/sandboxes/goo-blobs/public/index.html +++ /dev/null @@ -1,42 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/goo-blobs/tsconfig.json b/demo/src/sandboxes/goo-blobs/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/goo-blobs/tsconfig.json +++ b/demo/src/sandboxes/goo-blobs/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/goo-blobs/vite.config.ts b/demo/src/sandboxes/goo-blobs/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/goo-blobs/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/image-fade/custom.d.ts b/demo/src/sandboxes/image-fade/custom.d.ts deleted file mode 100644 index 6c344ed381..0000000000 --- a/demo/src/sandboxes/image-fade/custom.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.module.css' diff --git a/demo/src/sandboxes/image-fade/index.html b/demo/src/sandboxes/image-fade/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/image-fade/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/image-fade/package.json b/demo/src/sandboxes/image-fade/package.json index edca687882..0379c052ce 100644 --- a/demo/src/sandboxes/image-fade/package.json +++ b/demo/src/sandboxes/image-fade/package.json @@ -12,24 +12,18 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/image-fade/public/index.html b/demo/src/sandboxes/image-fade/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/image-fade/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/image-fade/tsconfig.json b/demo/src/sandboxes/image-fade/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/image-fade/tsconfig.json +++ b/demo/src/sandboxes/image-fade/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/image-fade/vite.config.ts b/demo/src/sandboxes/image-fade/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/image-fade/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/list-reordering/index.html b/demo/src/sandboxes/list-reordering/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/list-reordering/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/list-reordering/package.json b/demo/src/sandboxes/list-reordering/package.json index f778eb5d32..b15903cd66 100644 --- a/demo/src/sandboxes/list-reordering/package.json +++ b/demo/src/sandboxes/list-reordering/package.json @@ -11,25 +11,19 @@ "@react-spring/web": "*", "lodash.shuffle": "4.2.0", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/lodash.shuffle": "4.2.9", "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/list-reordering/public/index.html b/demo/src/sandboxes/list-reordering/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/list-reordering/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/list-reordering/tsconfig.json b/demo/src/sandboxes/list-reordering/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/list-reordering/tsconfig.json +++ b/demo/src/sandboxes/list-reordering/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/list-reordering/vite.config.ts b/demo/src/sandboxes/list-reordering/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/list-reordering/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/macos-dock/custom.d.ts b/demo/src/sandboxes/macos-dock/custom.d.ts deleted file mode 100644 index 99508d5630..0000000000 --- a/demo/src/sandboxes/macos-dock/custom.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.scss' diff --git a/demo/src/sandboxes/macos-dock/index.html b/demo/src/sandboxes/macos-dock/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/macos-dock/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/macos-dock/package.json b/demo/src/sandboxes/macos-dock/package.json index de7cb59689..08fdbeec42 100644 --- a/demo/src/sandboxes/macos-dock/package.json +++ b/demo/src/sandboxes/macos-dock/package.json @@ -14,25 +14,19 @@ "@react-spring/web": "*", "@use-gesture/react": "10.3.1", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", + "@vitejs/plugin-react": "6.1.1", "sass": "1.105.1", - "typescript": "4.9.5" + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/macos-dock/public/index.html b/demo/src/sandboxes/macos-dock/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/macos-dock/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/macos-dock/tsconfig.json b/demo/src/sandboxes/macos-dock/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/macos-dock/tsconfig.json +++ b/demo/src/sandboxes/macos-dock/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/macos-dock/vite.config.ts b/demo/src/sandboxes/macos-dock/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/macos-dock/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/masonry/custom.d.ts b/demo/src/sandboxes/masonry/custom.d.ts deleted file mode 100644 index 6c344ed381..0000000000 --- a/demo/src/sandboxes/masonry/custom.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.module.css' diff --git a/demo/src/sandboxes/masonry/index.html b/demo/src/sandboxes/masonry/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/masonry/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/masonry/package.json b/demo/src/sandboxes/masonry/package.json index c41c865203..b8b493a908 100644 --- a/demo/src/sandboxes/masonry/package.json +++ b/demo/src/sandboxes/masonry/package.json @@ -13,25 +13,19 @@ "lodash.shuffle": "4.2.0", "react": "^19.3.0", "react-dom": "^19.3.0", - "react-scripts": "5.0.1", "react-use-measure": "2.1.7" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/lodash.shuffle": "4.2.9", "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/masonry/public/index.html b/demo/src/sandboxes/masonry/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/masonry/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/masonry/tsconfig.json b/demo/src/sandboxes/masonry/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/masonry/tsconfig.json +++ b/demo/src/sandboxes/masonry/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/masonry/vite.config.ts b/demo/src/sandboxes/masonry/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/masonry/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/multistage-transition/custom.d.ts b/demo/src/sandboxes/multistage-transition/custom.d.ts deleted file mode 100644 index 6c344ed381..0000000000 --- a/demo/src/sandboxes/multistage-transition/custom.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.module.css' diff --git a/demo/src/sandboxes/multistage-transition/index.html b/demo/src/sandboxes/multistage-transition/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/multistage-transition/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/multistage-transition/package.json b/demo/src/sandboxes/multistage-transition/package.json index a9faebddb6..a9c555dbd4 100644 --- a/demo/src/sandboxes/multistage-transition/package.json +++ b/demo/src/sandboxes/multistage-transition/package.json @@ -11,24 +11,18 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/multistage-transition/public/index.html b/demo/src/sandboxes/multistage-transition/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/multistage-transition/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/multistage-transition/tsconfig.json b/demo/src/sandboxes/multistage-transition/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/multistage-transition/tsconfig.json +++ b/demo/src/sandboxes/multistage-transition/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/multistage-transition/vite.config.ts b/demo/src/sandboxes/multistage-transition/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/multistage-transition/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/noise/index.html b/demo/src/sandboxes/noise/index.html new file mode 100644 index 0000000000..f9fa7f7197 --- /dev/null +++ b/demo/src/sandboxes/noise/index.html @@ -0,0 +1,12 @@ + + + + + + React App + + +
+ + + diff --git a/demo/src/sandboxes/noise/package.json b/demo/src/sandboxes/noise/package.json index c18594aed7..7f65b4895a 100644 --- a/demo/src/sandboxes/noise/package.json +++ b/demo/src/sandboxes/noise/package.json @@ -12,24 +12,18 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + } } diff --git a/demo/src/sandboxes/noise/public/index.html b/demo/src/sandboxes/noise/public/index.html deleted file mode 100644 index 1573d590e3..0000000000 --- a/demo/src/sandboxes/noise/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React App - - - - -
- - - diff --git a/demo/src/sandboxes/noise/tsconfig.json b/demo/src/sandboxes/noise/tsconfig.json index 41b91bbb52..69e10271e1 100644 --- a/demo/src/sandboxes/noise/tsconfig.json +++ b/demo/src/sandboxes/noise/tsconfig.json @@ -1,9 +1,23 @@ { - "include": ["./src/**/*"], "compilerOptions": { + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "strict": true, "esModuleInterop": true, - "lib": ["dom", "es2015"], "jsx": "react-jsx" - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/noise/vite.config.ts b/demo/src/sandboxes/noise/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/noise/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/notification-hub/index.html b/demo/src/sandboxes/notification-hub/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/notification-hub/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/notification-hub/package.json b/demo/src/sandboxes/notification-hub/package.json index 8d3f822e1e..24df8585e3 100644 --- a/demo/src/sandboxes/notification-hub/package.json +++ b/demo/src/sandboxes/notification-hub/package.json @@ -14,24 +14,18 @@ "react": "^19.3.0", "react-dom": "^19.3.0", "react-feather": "2.0.10", - "react-scripts": "5.0.1", "styled-components": "6.5.3" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/notification-hub/public/index.html b/demo/src/sandboxes/notification-hub/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/notification-hub/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/notification-hub/tsconfig.json b/demo/src/sandboxes/notification-hub/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/notification-hub/tsconfig.json +++ b/demo/src/sandboxes/notification-hub/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/notification-hub/vite.config.ts b/demo/src/sandboxes/notification-hub/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/notification-hub/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/parallax-sticky/custom.d.ts b/demo/src/sandboxes/parallax-sticky/custom.d.ts deleted file mode 100644 index 6c344ed381..0000000000 --- a/demo/src/sandboxes/parallax-sticky/custom.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.module.css' diff --git a/demo/src/sandboxes/parallax-sticky/index.html b/demo/src/sandboxes/parallax-sticky/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/parallax-sticky/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/parallax-sticky/package.json b/demo/src/sandboxes/parallax-sticky/package.json index d952278f7f..3127b78fca 100644 --- a/demo/src/sandboxes/parallax-sticky/package.json +++ b/demo/src/sandboxes/parallax-sticky/package.json @@ -11,24 +11,18 @@ "@react-spring/parallax": "*", "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/parallax-sticky/public/index.html b/demo/src/sandboxes/parallax-sticky/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/parallax-sticky/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/parallax-sticky/tsconfig.json b/demo/src/sandboxes/parallax-sticky/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/parallax-sticky/tsconfig.json +++ b/demo/src/sandboxes/parallax-sticky/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/parallax-sticky/vite.config.ts b/demo/src/sandboxes/parallax-sticky/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/parallax-sticky/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/parallax-vert/index.html b/demo/src/sandboxes/parallax-vert/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/parallax-vert/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/parallax-vert/package.json b/demo/src/sandboxes/parallax-vert/package.json index 0ff5d35707..cbd03f83b2 100644 --- a/demo/src/sandboxes/parallax-vert/package.json +++ b/demo/src/sandboxes/parallax-vert/package.json @@ -11,24 +11,18 @@ "@react-spring/parallax": "*", "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/parallax-vert/public/index.html b/demo/src/sandboxes/parallax-vert/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/parallax-vert/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/parallax-vert/tsconfig.json b/demo/src/sandboxes/parallax-vert/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/parallax-vert/tsconfig.json +++ b/demo/src/sandboxes/parallax-vert/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/parallax-vert/vite.config.ts b/demo/src/sandboxes/parallax-vert/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/parallax-vert/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/parallax/index.html b/demo/src/sandboxes/parallax/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/parallax/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/parallax/package.json b/demo/src/sandboxes/parallax/package.json index 0005d7d589..1df7d271e5 100644 --- a/demo/src/sandboxes/parallax/package.json +++ b/demo/src/sandboxes/parallax/package.json @@ -11,24 +11,18 @@ "@react-spring/parallax": "*", "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/parallax/public/index.html b/demo/src/sandboxes/parallax/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/parallax/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/parallax/tsconfig.json b/demo/src/sandboxes/parallax/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/parallax/tsconfig.json +++ b/demo/src/sandboxes/parallax/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/parallax/vite.config.ts b/demo/src/sandboxes/parallax/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/parallax/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/popup-modal/custom.d.ts b/demo/src/sandboxes/popup-modal/custom.d.ts deleted file mode 100644 index 99508d5630..0000000000 --- a/demo/src/sandboxes/popup-modal/custom.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.scss' diff --git a/demo/src/sandboxes/popup-modal/index.html b/demo/src/sandboxes/popup-modal/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/popup-modal/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/popup-modal/package.json b/demo/src/sandboxes/popup-modal/package.json index 26bebc83c5..b9aa3cf72b 100644 --- a/demo/src/sandboxes/popup-modal/package.json +++ b/demo/src/sandboxes/popup-modal/package.json @@ -13,25 +13,19 @@ "@react-spring/web": "*", "react": "^19.3.0", "react-dom": "^19.3.0", - "react-scripts": "5.0.1", "react95": "4.0.0", "styled-components": "6.5.3" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/popup-modal/public/index.html b/demo/src/sandboxes/popup-modal/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/popup-modal/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/popup-modal/tsconfig.json b/demo/src/sandboxes/popup-modal/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/popup-modal/tsconfig.json +++ b/demo/src/sandboxes/popup-modal/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/popup-modal/vite.config.ts b/demo/src/sandboxes/popup-modal/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/popup-modal/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/presence-dialog/custom.d.ts b/demo/src/sandboxes/presence-dialog/custom.d.ts deleted file mode 100644 index 6c344ed381..0000000000 --- a/demo/src/sandboxes/presence-dialog/custom.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.module.css' diff --git a/demo/src/sandboxes/presence-dialog/index.html b/demo/src/sandboxes/presence-dialog/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/presence-dialog/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/presence-dialog/package.json b/demo/src/sandboxes/presence-dialog/package.json index 9b0ea8e98e..6963dd4020 100644 --- a/demo/src/sandboxes/presence-dialog/package.json +++ b/demo/src/sandboxes/presence-dialog/package.json @@ -11,24 +11,18 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + } } diff --git a/demo/src/sandboxes/presence-dialog/public/index.html b/demo/src/sandboxes/presence-dialog/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/presence-dialog/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/presence-dialog/tsconfig.json b/demo/src/sandboxes/presence-dialog/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/presence-dialog/tsconfig.json +++ b/demo/src/sandboxes/presence-dialog/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/presence-dialog/vite.config.ts b/demo/src/sandboxes/presence-dialog/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/presence-dialog/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/presence-upload-queue/custom.d.ts b/demo/src/sandboxes/presence-upload-queue/custom.d.ts deleted file mode 100644 index 6c344ed381..0000000000 --- a/demo/src/sandboxes/presence-upload-queue/custom.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.module.css' diff --git a/demo/src/sandboxes/presence-upload-queue/index.html b/demo/src/sandboxes/presence-upload-queue/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/presence-upload-queue/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/presence-upload-queue/package.json b/demo/src/sandboxes/presence-upload-queue/package.json index 5a4e79acf7..f34c212d5c 100644 --- a/demo/src/sandboxes/presence-upload-queue/package.json +++ b/demo/src/sandboxes/presence-upload-queue/package.json @@ -12,24 +12,18 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + } } diff --git a/demo/src/sandboxes/presence-upload-queue/public/index.html b/demo/src/sandboxes/presence-upload-queue/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/presence-upload-queue/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/presence-upload-queue/tsconfig.json b/demo/src/sandboxes/presence-upload-queue/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/presence-upload-queue/tsconfig.json +++ b/demo/src/sandboxes/presence-upload-queue/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/presence-upload-queue/vite.config.ts b/demo/src/sandboxes/presence-upload-queue/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/presence-upload-queue/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/presence-webgl/custom.d.ts b/demo/src/sandboxes/presence-webgl/custom.d.ts deleted file mode 100644 index 6c344ed381..0000000000 --- a/demo/src/sandboxes/presence-webgl/custom.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.module.css' diff --git a/demo/src/sandboxes/presence-webgl/index.html b/demo/src/sandboxes/presence-webgl/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/presence-webgl/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/presence-webgl/package.json b/demo/src/sandboxes/presence-webgl/package.json index ad54c67270..685a9cb708 100644 --- a/demo/src/sandboxes/presence-webgl/package.json +++ b/demo/src/sandboxes/presence-webgl/package.json @@ -17,24 +17,18 @@ "@react-three/fiber": "~9.8.1", "react": "^19.3.0", "react-dom": "^19.3.0", - "react-scripts": "5.0.1", "three": "0.186.1" }, "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + } } diff --git a/demo/src/sandboxes/presence-webgl/public/index.html b/demo/src/sandboxes/presence-webgl/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/presence-webgl/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/presence-webgl/tsconfig.json b/demo/src/sandboxes/presence-webgl/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/presence-webgl/tsconfig.json +++ b/demo/src/sandboxes/presence-webgl/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/presence-webgl/vite.config.ts b/demo/src/sandboxes/presence-webgl/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/presence-webgl/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/rocket-decay/index.html b/demo/src/sandboxes/rocket-decay/index.html new file mode 100644 index 0000000000..a052bb14f7 --- /dev/null +++ b/demo/src/sandboxes/rocket-decay/index.html @@ -0,0 +1,12 @@ + + + + + + React Use Gesture - Memo Rocket + + +
+ + + diff --git a/demo/src/sandboxes/rocket-decay/package.json b/demo/src/sandboxes/rocket-decay/package.json index 8fb8ad102c..ef9949d05f 100644 --- a/demo/src/sandboxes/rocket-decay/package.json +++ b/demo/src/sandboxes/rocket-decay/package.json @@ -17,18 +17,18 @@ "@use-gesture/react": "10.3.1", "react": "^19.3.0", "react-dom": "^19.3.0", - "react-scripts": "5.0.1", "vec-la": "1.5.0" }, "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" } } diff --git a/demo/src/sandboxes/rocket-decay/public/index.html b/demo/src/sandboxes/rocket-decay/public/index.html deleted file mode 100644 index 1336f34398..0000000000 --- a/demo/src/sandboxes/rocket-decay/public/index.html +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - - - - - React Use Gesture - Memo Rocket - - - - - -
- - - diff --git a/demo/src/sandboxes/rocket-decay/tsconfig.json b/demo/src/sandboxes/rocket-decay/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/rocket-decay/tsconfig.json +++ b/demo/src/sandboxes/rocket-decay/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/rocket-decay/vite.config.ts b/demo/src/sandboxes/rocket-decay/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/rocket-decay/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/scrolling-wave/custom.d.ts b/demo/src/sandboxes/scrolling-wave/custom.d.ts deleted file mode 100644 index 99508d5630..0000000000 --- a/demo/src/sandboxes/scrolling-wave/custom.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.scss' diff --git a/demo/src/sandboxes/scrolling-wave/index.html b/demo/src/sandboxes/scrolling-wave/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/scrolling-wave/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/scrolling-wave/package.json b/demo/src/sandboxes/scrolling-wave/package.json index 37bc7ade62..2e4e5c7418 100644 --- a/demo/src/sandboxes/scrolling-wave/package.json +++ b/demo/src/sandboxes/scrolling-wave/package.json @@ -12,25 +12,19 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", + "@vitejs/plugin-react": "6.1.1", "sass": "1.105.1", - "typescript": "4.9.5" + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/scrolling-wave/public/index.html b/demo/src/sandboxes/scrolling-wave/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/scrolling-wave/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/scrolling-wave/tsconfig.json b/demo/src/sandboxes/scrolling-wave/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/scrolling-wave/tsconfig.json +++ b/demo/src/sandboxes/scrolling-wave/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/scrolling-wave/vite.config.ts b/demo/src/sandboxes/scrolling-wave/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/scrolling-wave/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/simple-transition/custom.d.ts b/demo/src/sandboxes/simple-transition/custom.d.ts deleted file mode 100644 index 6c344ed381..0000000000 --- a/demo/src/sandboxes/simple-transition/custom.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '*.module.css' diff --git a/demo/src/sandboxes/simple-transition/index.html b/demo/src/sandboxes/simple-transition/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/simple-transition/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/simple-transition/package.json b/demo/src/sandboxes/simple-transition/package.json index 01f2bf5349..7ce69f968f 100644 --- a/demo/src/sandboxes/simple-transition/package.json +++ b/demo/src/sandboxes/simple-transition/package.json @@ -11,24 +11,18 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/simple-transition/public/index.html b/demo/src/sandboxes/simple-transition/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/simple-transition/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/simple-transition/tsconfig.json b/demo/src/sandboxes/simple-transition/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/simple-transition/tsconfig.json +++ b/demo/src/sandboxes/simple-transition/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/simple-transition/vite.config.ts b/demo/src/sandboxes/simple-transition/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/simple-transition/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/slide/index.html b/demo/src/sandboxes/slide/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/slide/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/slide/package.json b/demo/src/sandboxes/slide/package.json index b63dbcafa0..9ed9c5176a 100644 --- a/demo/src/sandboxes/slide/package.json +++ b/demo/src/sandboxes/slide/package.json @@ -13,24 +13,18 @@ "@react-spring/web": "*", "@use-gesture/react": "10.3.1", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/slide/public/index.html b/demo/src/sandboxes/slide/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/slide/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/slide/tsconfig.json b/demo/src/sandboxes/slide/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/slide/tsconfig.json +++ b/demo/src/sandboxes/slide/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/slide/vite.config.ts b/demo/src/sandboxes/slide/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/slide/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/smile-grid/index.html b/demo/src/sandboxes/smile-grid/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/smile-grid/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/smile-grid/package.json b/demo/src/sandboxes/smile-grid/package.json index eda6b91679..849b475634 100644 --- a/demo/src/sandboxes/smile-grid/package.json +++ b/demo/src/sandboxes/smile-grid/package.json @@ -13,24 +13,18 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/smile-grid/public/index.html b/demo/src/sandboxes/smile-grid/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/smile-grid/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/smile-grid/tsconfig.json b/demo/src/sandboxes/smile-grid/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/smile-grid/tsconfig.json +++ b/demo/src/sandboxes/smile-grid/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/smile-grid/vite.config.ts b/demo/src/sandboxes/smile-grid/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/smile-grid/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/springy-boxes/index.html b/demo/src/sandboxes/springy-boxes/index.html new file mode 100644 index 0000000000..f9fa7f7197 --- /dev/null +++ b/demo/src/sandboxes/springy-boxes/index.html @@ -0,0 +1,12 @@ + + + + + + React App + + +
+ + + diff --git a/demo/src/sandboxes/springy-boxes/package.json b/demo/src/sandboxes/springy-boxes/package.json index 310c43f12c..ea6f35882d 100644 --- a/demo/src/sandboxes/springy-boxes/package.json +++ b/demo/src/sandboxes/springy-boxes/package.json @@ -13,25 +13,19 @@ "@react-three/fiber": "~9.8.1", "react": "^19.3.0", "react-dom": "^19.3.0", - "react-scripts": "5.0.1", "@react-spring/three": "*", "three": "0.186.1" }, "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + } } diff --git a/demo/src/sandboxes/springy-boxes/public/index.html b/demo/src/sandboxes/springy-boxes/public/index.html deleted file mode 100644 index 1573d590e3..0000000000 --- a/demo/src/sandboxes/springy-boxes/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React App - - - - -
- - - diff --git a/demo/src/sandboxes/springy-boxes/tsconfig.json b/demo/src/sandboxes/springy-boxes/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/springy-boxes/tsconfig.json +++ b/demo/src/sandboxes/springy-boxes/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/springy-boxes/vite.config.ts b/demo/src/sandboxes/springy-boxes/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/springy-boxes/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/svg-filter/index.html b/demo/src/sandboxes/svg-filter/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/svg-filter/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/svg-filter/package.json b/demo/src/sandboxes/svg-filter/package.json index 8e5cd9ccc4..df81d895f2 100644 --- a/demo/src/sandboxes/svg-filter/package.json +++ b/demo/src/sandboxes/svg-filter/package.json @@ -12,24 +12,18 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/svg-filter/public/index.html b/demo/src/sandboxes/svg-filter/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/svg-filter/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/svg-filter/tsconfig.json b/demo/src/sandboxes/svg-filter/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/svg-filter/tsconfig.json +++ b/demo/src/sandboxes/svg-filter/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/svg-filter/vite.config.ts b/demo/src/sandboxes/svg-filter/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/svg-filter/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/trail/index.html b/demo/src/sandboxes/trail/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/trail/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/trail/package.json b/demo/src/sandboxes/trail/package.json index 99caab1460..8c5ebe0493 100644 --- a/demo/src/sandboxes/trail/package.json +++ b/demo/src/sandboxes/trail/package.json @@ -11,24 +11,18 @@ "dependencies": { "@react-spring/web": "*", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/trail/public/index.html b/demo/src/sandboxes/trail/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/trail/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/trail/tsconfig.json b/demo/src/sandboxes/trail/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/trail/tsconfig.json +++ b/demo/src/sandboxes/trail/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/trail/vite.config.ts b/demo/src/sandboxes/trail/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/trail/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/tree/index.html b/demo/src/sandboxes/tree/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/tree/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/tree/package.json b/demo/src/sandboxes/tree/package.json index d1d55f6f20..e56d30bbc3 100644 --- a/demo/src/sandboxes/tree/package.json +++ b/demo/src/sandboxes/tree/package.json @@ -14,25 +14,19 @@ "@react-spring/web": "*", "react": "^19.3.0", "react-dom": "^19.3.0", - "react-scripts": "5.0.1", "react-use-measure": "2.1.7", "styled-components": "6.5.3" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/tree/public/index.html b/demo/src/sandboxes/tree/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/tree/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/tree/tsconfig.json b/demo/src/sandboxes/tree/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/tree/tsconfig.json +++ b/demo/src/sandboxes/tree/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/tree/vite.config.ts b/demo/src/sandboxes/tree/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/tree/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/viewpager/index.html b/demo/src/sandboxes/viewpager/index.html new file mode 100644 index 0000000000..64aa3c4f51 --- /dev/null +++ b/demo/src/sandboxes/viewpager/index.html @@ -0,0 +1,12 @@ + + + + + + React Spring Sandbox + + +
+ + + diff --git a/demo/src/sandboxes/viewpager/package.json b/demo/src/sandboxes/viewpager/package.json index ae52c15582..1747543546 100644 --- a/demo/src/sandboxes/viewpager/package.json +++ b/demo/src/sandboxes/viewpager/package.json @@ -17,25 +17,19 @@ "lodash.clamp": "4.0.3", "react": "^19.3.0", "react-dom": "^19.3.0", - "react-scripts": "5.0.1", "react-use-measure": "2.1.7" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" + "dev": "vite", + "build": "vite build", + "preview": "vite preview" }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ], "devDependencies": { "@types/lodash-es": "4.17.12", "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" } } diff --git a/demo/src/sandboxes/viewpager/public/index.html b/demo/src/sandboxes/viewpager/public/index.html deleted file mode 100644 index a3a93e9e2e..0000000000 --- a/demo/src/sandboxes/viewpager/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React Spring Sandbox - - - - -
- - - diff --git a/demo/src/sandboxes/viewpager/tsconfig.json b/demo/src/sandboxes/viewpager/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/viewpager/tsconfig.json +++ b/demo/src/sandboxes/viewpager/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/viewpager/vite.config.ts b/demo/src/sandboxes/viewpager/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/viewpager/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/webgl-switch/index.html b/demo/src/sandboxes/webgl-switch/index.html new file mode 100644 index 0000000000..f9fa7f7197 --- /dev/null +++ b/demo/src/sandboxes/webgl-switch/index.html @@ -0,0 +1,12 @@ + + + + + + React App + + +
+ + + diff --git a/demo/src/sandboxes/webgl-switch/package.json b/demo/src/sandboxes/webgl-switch/package.json index ef2ef79ad2..aebf5e36c7 100644 --- a/demo/src/sandboxes/webgl-switch/package.json +++ b/demo/src/sandboxes/webgl-switch/package.json @@ -17,25 +17,19 @@ "@react-three/fiber": "~9.8.1", "react": "^19.3.0", "react-dom": "^19.3.0", - "react-scripts": "5.0.1", "three": "0.186.1", "three-stdlib": "2.36.1" }, "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + } } diff --git a/demo/src/sandboxes/webgl-switch/public/index.html b/demo/src/sandboxes/webgl-switch/public/index.html deleted file mode 100644 index 42ae2d2dcb..0000000000 --- a/demo/src/sandboxes/webgl-switch/public/index.html +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - - - - - - - React App - - - - -
- - - - \ No newline at end of file diff --git a/demo/src/sandboxes/webgl-switch/tsconfig.json b/demo/src/sandboxes/webgl-switch/tsconfig.json index b6072c9ec9..a513c54d92 100644 --- a/demo/src/sandboxes/webgl-switch/tsconfig.json +++ b/demo/src/sandboxes/webgl-switch/tsconfig.json @@ -1,18 +1,27 @@ { "compilerOptions": { - "outDir": "build/dist", - "module": "esnext", - "target": "es5", - "lib": ["es6", "dom"], - "sourceMap": true, + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "allowJs": true, "jsx": "react", - "moduleResolution": "node", - "rootDir": "src", "noImplicitReturns": true, "noImplicitThis": true, "noImplicitAny": true, "strictNullChecks": true, "noUnusedLocals": true - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/webgl-switch/vite.config.ts b/demo/src/sandboxes/webgl-switch/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/webgl-switch/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +}) diff --git a/demo/src/sandboxes/wordle/index.html b/demo/src/sandboxes/wordle/index.html new file mode 100644 index 0000000000..f9fa7f7197 --- /dev/null +++ b/demo/src/sandboxes/wordle/index.html @@ -0,0 +1,12 @@ + + + + + + React App + + +
+ + + diff --git a/demo/src/sandboxes/wordle/package.json b/demo/src/sandboxes/wordle/package.json index bee50b7d81..e4e7b8a612 100644 --- a/demo/src/sandboxes/wordle/package.json +++ b/demo/src/sandboxes/wordle/package.json @@ -12,24 +12,18 @@ "@react-spring/web": "*", "@stitches/react": "1.2.8", "react": "^19.3.0", - "react-dom": "^19.3.0", - "react-scripts": "5.0.1" + "react-dom": "^19.3.0" }, "devDependencies": { "@types/react": "^19.3.0", "@types/react-dom": "^19.3.0", - "typescript": "4.9.5" + "@vitejs/plugin-react": "6.1.1", + "typescript": "7.0.2", + "vite": "8.3.1" }, "scripts": { - "start": "react-scripts start", - "build": "react-scripts build", - "test": "react-scripts test --env=jsdom", - "eject": "react-scripts eject" - }, - "browserslist": [ - ">0.2%", - "not dead", - "not ie <= 11", - "not op_mini all" - ] + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + } } diff --git a/demo/src/sandboxes/wordle/public/index.html b/demo/src/sandboxes/wordle/public/index.html deleted file mode 100644 index 1573d590e3..0000000000 --- a/demo/src/sandboxes/wordle/public/index.html +++ /dev/null @@ -1,39 +0,0 @@ - - - - - - - - - - - React App - - - - -
- - - diff --git a/demo/src/sandboxes/wordle/tsconfig.json b/demo/src/sandboxes/wordle/tsconfig.json index 41b91bbb52..69e10271e1 100644 --- a/demo/src/sandboxes/wordle/tsconfig.json +++ b/demo/src/sandboxes/wordle/tsconfig.json @@ -1,9 +1,23 @@ { - "include": ["./src/**/*"], "compilerOptions": { + "target": "ES2022", + "lib": [ + "ES2022", + "DOM", + "DOM.Iterable" + ], + "module": "ESNext", + "moduleResolution": "bundler", + "types": [ + "vite/client" + ], + "noEmit": true, + "skipLibCheck": true, "strict": true, "esModuleInterop": true, - "lib": ["dom", "es2015"], "jsx": "react-jsx" - } + }, + "include": [ + "src" + ] } diff --git a/demo/src/sandboxes/wordle/vite.config.ts b/demo/src/sandboxes/wordle/vite.config.ts new file mode 100644 index 0000000000..9ffcc67574 --- /dev/null +++ b/demo/src/sandboxes/wordle/vite.config.ts @@ -0,0 +1,6 @@ +import { defineConfig } from 'vite' +import react from '@vitejs/plugin-react' + +export default defineConfig({ + plugins: [react()], +})