diff --git a/examples/basic-dom/package.json b/examples/basic-dom/package.json
index c7f4f41..752c763 100644
--- a/examples/basic-dom/package.json
+++ b/examples/basic-dom/package.json
@@ -6,11 +6,11 @@
"dependencies": {
"@theatre/core": "workspace:*",
"@theatre/studio": "workspace:*",
- "@types/react": "^17.0.9",
- "@types/react-dom": "^17.0.6",
+ "@types/react": "^17.0.19",
+ "@types/react-dom": "^17.0.9",
"parcel-bundler": "^1.12.5",
"react": "^17.0.2",
"react-dom": "^17.0.2",
- "typescript": "^4.3.5"
+ "typescript": "^4.4.2"
}
}
diff --git a/package.json b/package.json
index 5051e06..a194d9f 100644
--- a/package.json
+++ b/package.json
@@ -22,28 +22,28 @@
]
},
"devDependencies": {
- "@babel/core": "^7.14.3",
- "@babel/plugin-proposal-class-properties": "^7.13.0",
- "@babel/plugin-proposal-nullish-coalescing-operator": "^7.14.2",
- "@babel/plugin-proposal-optional-chaining": "^7.14.2",
- "@babel/preset-env": "^7.14.4",
- "@babel/preset-react": "^7.13.13",
- "@babel/preset-typescript": "^7.13.0",
- "@typescript-eslint/eslint-plugin": "^4.29.0",
- "@typescript-eslint/parser": "^4.29.0",
- "esbuild": "^0.12.15",
+ "@babel/core": "^7.15.0",
+ "@babel/plugin-proposal-class-properties": "^7.14.5",
+ "@babel/plugin-proposal-nullish-coalescing-operator": "^7.14.5",
+ "@babel/plugin-proposal-optional-chaining": "^7.14.5",
+ "@babel/preset-env": "^7.15.0",
+ "@babel/preset-react": "^7.14.5",
+ "@babel/preset-typescript": "^7.15.0",
+ "@typescript-eslint/eslint-plugin": "^4.30.0",
+ "@typescript-eslint/parser": "^4.30.0",
+ "esbuild": "^0.12.24",
"esbuild-jest": "^0.5.0",
"eslint": "^7.32.0",
"eslint-plugin-jsx-a11y": "^6.4.1",
- "eslint-plugin-react": "^7.24.0",
+ "eslint-plugin-react": "^7.25.1",
"eslint-plugin-react-hooks": "^4.2.0",
- "eslint-plugin-unused-imports": "^1.1.2",
+ "eslint-plugin-unused-imports": "^1.1.4",
"husky": "^6.0.0",
- "jest": "^27.0.3",
+ "jest": "^27.1.0",
"lerna": "^4.0.0",
- "lint-staged": "^11.0.0",
- "prettier": "^2.3.1",
- "typescript": "^4.3.5",
+ "lint-staged": "^11.1.2",
+ "prettier": "^2.3.2",
+ "typescript": "^4.4.2",
"zx": "^2.0.0"
},
"dependencies": {
diff --git a/packages/dataverse-react/package.json b/packages/dataverse-react/package.json
index b9c3458..fe06474 100644
--- a/packages/dataverse-react/package.json
+++ b/packages/dataverse-react/package.json
@@ -34,7 +34,7 @@
"esbuild": "^0.12.15",
"esbuild-register": "^2.5.0",
"npm-run-all": "^4.1.5",
- "typescript": "^4.3.5"
+ "typescript": "^4.4.2"
},
"dependencies": {
"@theatre/dataverse": "workspace:*",
diff --git a/packages/dataverse/package.json b/packages/dataverse/package.json
index 4c7dc80..b17c5ec 100644
--- a/packages/dataverse/package.json
+++ b/packages/dataverse/package.json
@@ -32,7 +32,7 @@
"esbuild": "^0.12.15",
"esbuild-register": "^2.5.0",
"npm-run-all": "^4.1.5",
- "typescript": "^4.3.5"
+ "typescript": "^4.4.2"
},
"dependencies": {
"lodash-es": "^4.17.21"
diff --git a/packages/dataverse2/package.json b/packages/dataverse2/package.json
index 8e199da..c1c81ca 100644
--- a/packages/dataverse2/package.json
+++ b/packages/dataverse2/package.json
@@ -18,7 +18,7 @@
"@types/lodash-es": "^4.17.4",
"@types/node": "^15.6.2",
"@types/react": "^17.0.9",
- "typescript": "^4.3.5"
+ "typescript": "^4.4.2"
},
"dependencies": {
"lodash-es": "^4.17.21"
diff --git a/packages/playground/package.json b/packages/playground/package.json
index 3c57aee..6a92686 100644
--- a/packages/playground/package.json
+++ b/packages/playground/package.json
@@ -25,6 +25,6 @@
"esbuild": "^0.12.15",
"esbuild-register": "^2.5.0",
"three": "^0.130.1",
- "typescript": "^4.3.5"
+ "typescript": "^4.4.2"
}
}
diff --git a/packages/playground/src/space-exploration/App.tsx b/packages/playground/src/space-exploration/App.tsx
index 0fdf655..6660425 100644
--- a/packages/playground/src/space-exploration/App.tsx
+++ b/packages/playground/src/space-exploration/App.tsx
@@ -1,7 +1,7 @@
import {editable as e, RefreshSnapshot, Wrapper} from '@theatre/plugin-r3f'
import {OrbitControls, Stars} from '@react-three/drei'
import {getProject} from '@theatre/core'
-import React, {Suspense} from 'react'
+import React, {Suspense, useState} from 'react'
import {Canvas} from '@react-three/fiber'
import {useGLTF} from '@react-three/drei'
import sceneGLB from './scene.glb'
@@ -49,12 +49,36 @@ function Model({url}: {url: string}) {
}
function App() {
- const bg = '#272730'
+ const bgs = ['#272730', '#b7c5d1']
+ const [bgIndex, setBgIndex] = useState(0)
+ const bg = bgs[bgIndex]
return (
-
+
setBgIndex((bgIndex) => (bgIndex + 1) % bgs.length)}>