@webstudio-is/sdk-components-react-remix 0.163.0 → 0.168.0

package/lib/components.js

@@ -23,7 +23,10 @@ var wrapLinkComponent = (BaseLink3) => {
   const Component = forwardRef2((props, ref) => {
     const { assetBaseUrl, renderer } = useContext(ReactSdkContext);
     const href = String(props.href ?? "");
-    if (href === "" || href.startsWith("/") && href.startsWith(assetBaseUrl) === false) {
+    if (
+      // remix appends ?index in runtime but not in ssr
+      href === "" || href.startsWith("?") || href.startsWith("#") || href.startsWith("/") && href.startsWith(assetBaseUrl) === false
+    ) {
       if (renderer !== "canvas" && renderer !== "preview") {
         return /* @__PURE__ */ jsx2(RemixLink, { ...props, to: href, ref });
       }
@@ -130,12 +133,19 @@ var WebhookForm = forwardRef3(
 WebhookForm.displayName = "WebhookForm";
 
 // src/remix-form.tsx
-import { forwardRef as forwardRef4 } from "react";
+import {
+  forwardRef as forwardRef4,
+  useContext as useContext2
+} from "react";
 import { Form } from "@remix-run/react";
+import { ReactSdkContext as ReactSdkContext2 } from "@webstudio-is/react-sdk";
 import { jsx as jsx4 } from "react/jsx-runtime";
 var RemixForm = forwardRef4((props, ref) => {
+  const { renderer } = useContext2(ReactSdkContext2);
   if (props.action === void 0 || props.action === "" || props.action?.startsWith("/")) {
-    return /* @__PURE__ */ jsx4(Form, { ...props, ref });
+    if (renderer !== "canvas" && renderer !== "preview") {
+      return /* @__PURE__ */ jsx4(Form, { ...props, ref });
+    }
   }
   return /* @__PURE__ */ jsx4("form", { ...props, ref });
 });

package/lib/metas.js

@@ -639,7 +639,7 @@ var meta = {
             {
               type: "instance",
               component: "Label",
-              children: [{ type: "text", value: "Name" }]
+              children: [{ type: "text", value: "Name", placeholder: true }]
             },
             {
               type: "instance",
@@ -650,7 +650,7 @@ var meta = {
             {
               type: "instance",
               component: "Label",
-              children: [{ type: "text", value: "Email" }]
+              children: [{ type: "text", value: "Email", placeholder: true }]
             },
             {
               type: "instance",
@@ -661,7 +661,7 @@ var meta = {
             {
               type: "instance",
               component: "Button",
-              children: [{ type: "text", value: "Submit" }]
+              children: [{ type: "text", value: "Submit", placeholder: true }]
             }
           ]
         },
@@ -677,7 +677,11 @@ var meta = {
             }
           ],
           children: [
-            { type: "text", value: "Thank you for getting in touch!" }
+            {
+              type: "text",
+              value: "Thank you for getting in touch!",
+              placeholder: true
+            }
           ]
         },
         {
@@ -691,7 +695,13 @@ var meta = {
               code: "formState === 'error'"
             }
           ],
-          children: [{ type: "text", value: "Sorry, something went wrong." }]
+          children: [
+            {
+              type: "text",
+              value: "Sorry, something went wrong.",
+              placeholder: true
+            }
+          ]
         }
       ]
     }

package/lib/props.js

@@ -1205,7 +1205,7 @@ var meta = {
             {
               type: "instance",
               component: "Label",
-              children: [{ type: "text", value: "Name" }]
+              children: [{ type: "text", value: "Name", placeholder: true }]
             },
             {
               type: "instance",
@@ -1216,7 +1216,7 @@ var meta = {
             {
               type: "instance",
               component: "Label",
-              children: [{ type: "text", value: "Email" }]
+              children: [{ type: "text", value: "Email", placeholder: true }]
             },
             {
               type: "instance",
@@ -1227,7 +1227,7 @@ var meta = {
             {
               type: "instance",
               component: "Button",
-              children: [{ type: "text", value: "Submit" }]
+              children: [{ type: "text", value: "Submit", placeholder: true }]
             }
           ]
         },
@@ -1243,7 +1243,11 @@ var meta = {
             }
           ],
           children: [
-            { type: "text", value: "Thank you for getting in touch!" }
+            {
+              type: "text",
+              value: "Thank you for getting in touch!",
+              placeholder: true
+            }
           ]
         },
         {
@@ -1257,7 +1261,13 @@ var meta = {
               code: "formState === 'error'"
             }
           ],
-          children: [{ type: "text", value: "Sorry, something went wrong." }]
+          children: [
+            {
+              type: "text",
+              value: "Sorry, something went wrong.",
+              placeholder: true
+            }
+          ]
         }
       ]
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react-remix",
-  "version": "0.163.0",
+  "version": "0.168.0",
   "description": "Webstudio components for Remix",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -30,26 +30,26 @@
     }
   },
   "peerDependencies": {
-    "@remix-run/react": "^2.9.1",
+    "@remix-run/react": "^2.9.2",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318"
   },
   "dependencies": {
-    "@webstudio-is/form-handlers": "0.163.0",
-    "@webstudio-is/icons": "0.163.0",
-    "@webstudio-is/react-sdk": "0.163.0",
-    "@webstudio-is/sdk-components-react": "0.163.0"
+    "@webstudio-is/form-handlers": "0.168.0",
+    "@webstudio-is/icons": "0.168.0",
+    "@webstudio-is/react-sdk": "0.168.0",
+    "@webstudio-is/sdk-components-react": "0.168.0"
   },
   "devDependencies": {
-    "@remix-run/react": "^2.9.1",
+    "@remix-run/react": "^2.9.2",
     "@types/node": "^20.12.7",
     "@types/react": "^18.2.70",
     "@types/react-dom": "^18.2.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "typescript": "5.4.5",
-    "@webstudio-is/generate-arg-types": "0.0.0",
-    "@webstudio-is/tsconfig": "1.0.7"
+    "@webstudio-is/tsconfig": "1.0.7",
+    "@webstudio-is/generate-arg-types": "0.0.0"
   },
   "scripts": {
     "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",