@webstudio-is/react-sdk 0.65.0 → 0.66.0

package/lib/css/normalize.js

@@ -1,9 +1,9 @@
-import { borders } from "./presets";
+import { borders, outline } from "./presets";
 const boxSizing = {
   property: "boxSizing",
   value: { type: "keyword", value: "border-box" }
 };
-const baseStyle = [boxSizing, ...borders];
+const baseStyle = [boxSizing, ...borders, ...outline];
 const div = baseStyle;
 const address = baseStyle;
 const article = baseStyle;

package/lib/css/presets.js

@@ -16,6 +16,13 @@ const borders = [
     value: { type: "unit", value: 1, unit: "px" }
   }
 ];
+const outline = [
+  {
+    property: "outlineWidth",
+    value: { type: "unit", value: 1, unit: "px" }
+  }
+];
 export {
-  borders
+  borders,
+  outline
 };

package/lib/tree/create-elements-tree.js

@@ -2,11 +2,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
 import { Scripts, ScrollRestoration } from "@remix-run/react";
 import { ReactSdkContext } from "../context";
-import { SessionStoragePolyfill } from "./session-storage-polyfill";
 const createElementsTree = ({
+  renderer,
   instances,
   rootInstanceId,
-  sandbox,
   propsByInstanceIdStore,
   assetsStore,
   pagesStore,
@@ -32,7 +31,6 @@ const createElementsTree = ({
     children: [
       /* @__PURE__ */ jsxs(Fragment, { children: [
         children,
-        sandbox && /* @__PURE__ */ jsx(SessionStoragePolyfill, {}),
         /* @__PURE__ */ jsx(ScrollRestoration, {}),
         /* @__PURE__ */ jsx(Scripts, {})
       ] }, "children")
@@ -42,7 +40,7 @@ const createElementsTree = ({
   return /* @__PURE__ */ jsx(
     ReactSdkContext.Provider,
     {
-      value: { propsByInstanceIdStore, assetsStore, pagesStore },
+      value: { propsByInstanceIdStore, assetsStore, pagesStore, renderer },
       children: root
     }
   );

package/lib/types/app/params.d.ts

@@ -1,5 +1,26 @@
 export type Params = {
-    resizeOrigin?: string;
+    /**
+     * Base url ir base path for images with ending slash.
+     * Used for configuring image with different sizes.
+     * Concatinated with "name?width=&quality=&format=".
+     *
+     * For example
+     * /asset/image/ used by default in builder
+     * https://image-transform.wstd.io/cdn-cgi/image/
+     * https://webstudio.is/cdn-cgi/image/
+     */
+    imageBaseUrl: string;
+    /**
+     * Base url or base path for any asset with ending slash.
+     * Used to load assets like fonts or images in styles
+     * Concatinated with "name".
+     *
+     * For example
+     * /s/uploads/
+     * /asset/file/
+     * https://assets-dev.webstudio.is/
+     * https://assets.webstudio.is/
+     */
     assetBaseUrl: string;
 };
 export declare const getParams: () => Params;

package/lib/types/components/__generated__/html.props.d.ts

@@ -0,0 +1,2 @@
+import type { PropMeta } from "@webstudio-is/generate-arg-types";
+export declare const props: Record<string, PropMeta>;