Add theatric to the release scripts and fix compat issues
This commit is contained in:
parent
246e75ccb5
commit
164442a6ea
10 changed files with 112 additions and 4 deletions
|
@ -9,6 +9,7 @@
|
|||
"@theatre/core": "0.0.1-COMPAT.1",
|
||||
"@theatre/r3f": "0.0.1-COMPAT.1",
|
||||
"@theatre/studio": "0.0.1-COMPAT.1",
|
||||
"theatric": "0.0.1-COMPAT.1",
|
||||
"next": "latest",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0"
|
||||
|
|
77
compatibility-tests/fixtures/next/package/pages/theatric.js
Normal file
77
compatibility-tests/fixtures/next/package/pages/theatric.js
Normal file
|
@ -0,0 +1,77 @@
|
|||
import {button, initialize, useControls} from 'theatric'
|
||||
import {render} from 'react-dom'
|
||||
import React, {useState} from 'react'
|
||||
|
||||
// initialize()
|
||||
|
||||
function SomeComponent({id}) {
|
||||
const {foo, $get, $set} = useControls(
|
||||
{
|
||||
foo: 0,
|
||||
bar: 0,
|
||||
bez: button(() => {
|
||||
$set((p) => p.foo, 2)
|
||||
$set((p) => p.bar, 3)
|
||||
console.log($get((p) => p.foo))
|
||||
}),
|
||||
},
|
||||
{folder: id},
|
||||
)
|
||||
|
||||
return (
|
||||
<div>
|
||||
{id}: {foo}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default function App() {
|
||||
const {bar, $set, $get} = useControls({
|
||||
bar: {foo: 'bar'},
|
||||
baz: button(() => console.log($get((p) => p.bar))),
|
||||
})
|
||||
|
||||
const {another, panel, yo} = useControls(
|
||||
{
|
||||
another: '',
|
||||
panel: '',
|
||||
yo: 0,
|
||||
},
|
||||
{panel: 'My panel'},
|
||||
)
|
||||
|
||||
const {} = useControls({})
|
||||
|
||||
const [showComponent, setShowComponent] = useState(false)
|
||||
|
||||
return (
|
||||
<div
|
||||
style={{
|
||||
display: 'flex',
|
||||
flexDirection: 'column',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
}}
|
||||
>
|
||||
<div>{JSON.stringify(bar)}</div>
|
||||
<SomeComponent id="first" />
|
||||
<SomeComponent id="second" />
|
||||
<button
|
||||
onClick={() => {
|
||||
setShowComponent(!showComponent)
|
||||
}}
|
||||
>
|
||||
Show another component
|
||||
</button>
|
||||
<button
|
||||
onClick={() => {
|
||||
$set((p) => p.bar.foo, $get((p) => p.bar.foo) + 1)
|
||||
}}
|
||||
>
|
||||
Increment stuff
|
||||
</button>
|
||||
{showComponent && <SomeComponent id="hidden" />}
|
||||
{yo}
|
||||
</div>
|
||||
)
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue