@webstudio-is/react-sdk 0.198.0 → 0.200.0

package/lib/types/page-settings-meta.d.ts

@@ -0,0 +1,10 @@
+import type { ImageLoader } from "@webstudio-is/image";
+import type { PageMeta } from "@webstudio-is/sdk";
+export declare const isElementRenderedWithReact: (element: Element) => boolean;
+export declare const PageSettingsMeta: ({ url, host, siteName, pageMeta, imageLoader, }: {
+    url?: string;
+    host: string;
+    siteName: string;
+    pageMeta: PageMeta;
+    imageLoader: ImageLoader;
+}) => import("react/jsx-runtime").JSX.Element[];

package/lib/types/page-settings-title.d.ts

@@ -0,0 +1,17 @@
+type PageSettingsTitleProps = {
+    children: string;
+};
+/**
+ * Title tags are deduplicated on the server using the HTMLRewriter interface.
+ * This is not full deduplication. We simply skip rendering Page Setting title
+ * if it has already been rendered using HeadSlot/HeadTitle.
+ * To prevent React on the client from re-adding the removed title tag, we skip rendering them client-side.
+ * This approach works because React retains server-rendered title tag as long as they are not re-rendered by the client.
+ *
+ * The following component behavior ensures this:
+ * 1. On the server: Render title tag as usual.
+ * 2. On the client: Before rendering, remove any title tag with the same `name` or `property` that were not rendered by Client React,
+ *    and then proceed with rendering as usual.
+ */
+export declare const PageSettingsTitle: (props: PageSettingsTitleProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export {};

package/lib/types/runtime.d.ts

@@ -1,6 +1,9 @@
 export * from "./context";
 export * from "./hook";
 export * from "./variable-state";
+export { PageSettingsMeta } from "./page-settings-meta";
+export { PageSettingsTitle } from "./page-settings-title";
+export { PageSettingsCanonicalLink } from "./page-settings-canonical-link";
 /**
  * React has issues rendering certain elements, such as errors when a <link> element has children.
  * To render XML, we wrap it with an <svg> tag and add a suffix to avoid React's default behavior on these elements.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.198.0",
+  "version": "0.200.0",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -11,11 +11,11 @@
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "strip-indent": "^4.0.0",
-    "type-fest": "^4.31.0",
-    "vitest": "^2.1.8",
+    "type-fest": "^4.32.0",
+    "vitest": "^3.0.2",
     "zod": "^3.22.4",
-    "@webstudio-is/template": "0.198.0",
-    "@webstudio-is/tsconfig": "1.0.7"
+    "@webstudio-is/tsconfig": "1.0.7",
+    "@webstudio-is/template": "0.200.0"
   },
   "peerDependencies": {
     "react": "18.3.0-canary-14898b6a9-20240318",
@@ -26,11 +26,11 @@
     "change-case": "^5.4.4",
     "html-tags": "^4.0.0",
     "nanoid": "^5.0.9",
-    "@webstudio-is/css-engine": "0.198.0",
-    "@webstudio-is/fonts": "0.198.0",
-    "@webstudio-is/icons": "^0.198.0",
-    "@webstudio-is/image": "0.198.0",
-    "@webstudio-is/sdk": "0.198.0"
+    "@webstudio-is/css-engine": "0.200.0",
+    "@webstudio-is/icons": "^0.200.0",
+    "@webstudio-is/sdk": "0.200.0",
+    "@webstudio-is/image": "0.200.0",
+    "@webstudio-is/fonts": "0.200.0"
   },
   "exports": {
     ".": {

package/placeholder.d.ts

@@ -1,7 +1,6 @@
 declare module "__CONSTANTS__" {
   import type { ImageLoader } from "@webstudio-is/image";
   export const assetBaseUrl: string;
-  export const imageBaseUrl: string;
   export const imageLoader: ImageLoader;
 }