diff options
| author |  Ben Holmes <hey@bholmes.dev>
| 2024-05-22 08:24:55 -0400 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2024-05-22 13:24:55 +0100 |
| commit | 8ca7c731dea894e77f84b314ebe3a141d5daa918 (patch) | |
| tree | e7a89e1fa92436e3d56a11ace13f43ef7b8f7bfe /packages/integrations/react/client.js | |
| parent | 3dd57f69e344e4bd1bd9da28a9391c4d62246f7d (diff) | |
| download | astro-8ca7c731dea894e77f84b314ebe3a141d5daa918.tar.gz astro-8ca7c731dea894e77f84b314ebe3a141d5daa918.tar.zst astro-8ca7c731dea894e77f84b314ebe3a141d5daa918.zip | |
Actions: React 19 progressive enhancement support (#11071)
* deps: react 19
* feat: react progressive enhancement with useActionState
* refactor: revert old action state implementation
* feat(test): react 19 action with useFormStatus
* fix: remove unused context arg
* fix: wrote actions to wrong test fixture!
* deps: revert react 19 beta to 18 for actions-blog fixture
* chore: remove unused overrides
* chore: remove unused actions export
* chore: spaces vs tabs ugh
* chore: fix conflicting fixture names
* chore: changeset
* chore: bump changeset to minor
* Actions: support React 19 `useActionState()` with progressive enhancement (#11074)
* feat(ex): Like with useActionState
* feat: useActionState progressive enhancement!
* feat: getActionState utility
* chore: revert actions-blog fixture experimentation
* fix: add back actions.ts export
* feat(test): Like with use action state test
* fix: stub form state client-side to avoid hydration error
* fix: bad .safe chaining
* fix: update actionState for client call
* fix: correctly resume form state client side
* refactor: unify and document reactServerActionResult
* feat(test): useActionState assertions
* feat(docs): explain my mess
* refactor: add experimental_ prefix
* refactor: move all react internals to integration
* chore: remove unused getIslandProps
* chore: remove unused imports
* chore: undo format changes
* refactor: get actionResult from middleware directly
* refactor: remove bad result type
* fix: like button disabled timeout
* chore: changeset
* refactor: remove request cloning
* Update .changeset/gentle-windows-enjoy.md
Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
* changeset grammar tense
---------
Co-authored-by: Emanuele Stoppa <my.burning@gmail.com>
Co-authored-by: Sarah Rainsberger <sarah@rainsberger.ca>
Diffstat (limited to 'packages/integrations/react/client.js')
| -rw-r--r-- | packages/integrations/react/client.js | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/packages/integrations/react/client.js b/packages/integrations/react/client.js index 76f9ead00..13515df40 100644 --- a/packages/integrations/react/client.js +++ b/packages/integrations/react/client.js @@ -67,8 +67,19 @@ const getOrCreateRoot = (element, creator) => { export default (element) => (Component, props, { default: children, ...slotted }, { client }) => { if (!element.hasAttribute('ssr')) return; + + const actionKey = element.getAttribute('data-action-key'); + const actionName = element.getAttribute('data-action-name'); + const stringifiedActionResult = element.getAttribute('data-action-result'); + + const formState = + actionKey && actionName && stringifiedActionResult + ? [JSON.parse(stringifiedActionResult), actionKey, actionName] + : undefined; + const renderOptions = { identifierPrefix: element.getAttribute('prefix'), + formState, }; for (const [key, value] of Object.entries(slotted)) { props[key] = createElement(StaticHtml, { value, name: key }); |