@mittwald/flow-remote-react-components 0.2.0-alpha.17 → 0.2.0-alpha.19

package/README.md

@@ -3,3 +3,24 @@
 This package is part of
 [Flow – mittwald design system](https://mittwald.github.io/flow/). See the
 homepage for more details.
+
+## Migrate from Flow to Flow-Remote
+
+#### Update `package.json`
+
+```shell
+yarn remove @mittwald/flow-react-components
+yarn add @mittwald/flow-remote-react-components@experimental
+```
+
+#### Adjust imports in your code
+
+```shell
+npx jscodeshift \
+  -t https://raw.githubusercontent.com/mittwald/flow/refs/heads/0.2.0/packages/codemods/src/transforms/flowRemote.ts \
+  --parser tsx \
+  src
+```
+
+Replace `src` with your sources folder. If you do not use TypeScript in your
+project, use `--parser jsx`.

package/dist/Form-BUs7JQQh.js

@@ -1,3 +1,5 @@
+"use client"
+/* */
 import { jsx as e } from "react/jsx-runtime";
 import { createRemoteComponent as m } from "@remote-dom/react";
 import { RemoteFormElement as i } from "@mittwald/flow-remote-elements";

package/dist/Icons.js

@@ -1 +1,3 @@
+"use client"
+/* */
 export * from "@mittwald/flow-react-components/Icons";

package/dist/controller.js

@@ -1 +1,3 @@
+"use client"
+/* */
 export * from "@mittwald/flow-react-components/controller";

package/dist/hooks.js

@@ -1 +1,3 @@
+"use client"
+/* */
 export * from "@mittwald/flow-react-components/hooks";

package/dist/index.js

@@ -1,3 +1,5 @@
+"use client"
+/* */
 import { createElement as v } from "react";
 import { createRemoteComponent as i } from "@remote-dom/react";
 import { isFlowComponentName as s } from "@mittwald/flow-react-components/hooks";

package/dist/react-hook-form.js

@@ -1,3 +1,5 @@
+"use client"
+/* */
 import { jsx as m } from "react/jsx-runtime";
 import "react";
 import { Form as t } from "@mittwald/flow-react-components/react-hook-form/Form";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-remote-react-components",
-  "version": "0.2.0-alpha.17",
+  "version": "0.2.0-alpha.19",
   "type": "module",
   "description": "React components that can be used in a remote environment",
   "homepage": "https://mittwald.github.io/flow",
@@ -40,9 +40,9 @@
     "test:compile": "run tsc --noEmit"
   },
   "dependencies": {
-    "@mittwald/flow-react-components": "0.2.0-alpha.17",
-    "@mittwald/flow-remote-core": "0.2.0-alpha.17",
-    "@mittwald/flow-remote-elements": "0.2.0-alpha.17",
+    "@mittwald/flow-react-components": "0.2.0-alpha.19",
+    "@mittwald/flow-remote-core": "0.2.0-alpha.19",
+    "@mittwald/flow-remote-elements": "0.2.0-alpha.19",
     "@remote-dom/react": "^1.2.1",
     "@types/react": "^19.0.7"
   },
@@ -56,6 +56,7 @@
     "rimraf": "^6.0.1",
     "typescript": "^5.7.3",
     "vite": "^6.0.9",
+    "vite-plugin-banner": "^0.8.0",
     "vite-plugin-checker": "^0.8.0",
     "vite-plugin-dts": "^4.5.0",
     "vite-plugin-externalize-deps": "^0.9.0"
@@ -69,5 +70,5 @@
       "optional": true
     }
   },
-  "gitHead": "52f8105bba0245224c02d7a982fd87b94ccd232e"
+  "gitHead": "c530a238f59ce1bf3ff990ba12ab760c42b9ca31"
 }