0 Fork 0

mirror of https://github.com/webstudio-is/webstudio.git synced 2026-11-09 22:14:29 +09:00

Files

T

Bogdan Chadkin 4e9986d6e3 refactor: inline expressions into props (#2603 )

Ref https://github.com/webstudio-is/webstudio/issues/2532

Collections will introduce nested scope within same component and some
expressions at component scope will not be able to access collection
item. For example

```ts
const PageComponent = () => {
  let [value, set$value] = useState('')
  let show = value === 'error'
  let arialabel = item + ' label'
  return <Form>
    <ErrorMessage data-ws-show={show}></ErrorMessage>
    {list.map(item =>
      <Button aria-label={arialabel}></Button>
    )}
  </Form>
}
```

So the easiest way to workaround it without complicated scope selecting
is just inline all expressions into props.

```ts
const PageComponent = () => {
  let [value, set$value] = useState('')
  return <Form>
    <ErrorMessage data-ws-show={value === 'error'}></ErrorMessage>
    {list.map(item =>
      <Button aria-label={item + ' label'}></Button>
    )}
  </Form>
}
```

## Steps for reproduction

1. Create `Form`
2. Try to change `state` prop

2023-11-12 13:07:14 +03:00

src

refactor: inline expressions into props (#2603 )

2023-11-12 13:07:14 +03:00

jest.config.js

Migrate packages to native ESM (#493 )

2022-11-23 10:12:58 +03:00

LICENSE

Change license from MIT to AGPL V3 (#1980 )

2023-07-26 01:06:21 +02:00

LICENSE-3RD-PARTY

Normalize css (#1333 )

2023-03-31 18:31:20 +04:00

package.json

build: NPM Release 0.117.0 (#2598 )

2023-11-11 00:14:40 +02:00

README.md

rename sdk

2022-07-18 22:11:02 +02:00

tsconfig.dts.json

Move getBrowserStyle utility into builder (#2004 )

2023-07-30 20:56:29 +04:00

tsconfig.json

Move getBrowserStyle utility into builder (#2004 )

2023-07-30 20:56:29 +04:00

README.md

Webstudio SDK

Webstudio SDK is a TypeScript API that lets you use your Webstudio site or some components in your custom codebase or just render a complete Remix Document. It is currently under development, but feel free to play with the the current landing site