@webstudio-is/react-sdk 0.224.0 → 0.226.0

package/lib/index.js

@@ -242,8 +242,64 @@ var standardAttributesToReactProps = {
   srcset: "srcSet",
   tabindex: "tabIndex",
   usemap: "useMap",
+  "alignment-baseline": "alignmentBaseline",
+  "baseline-shift": "baselineShift",
+  "clip-path": "clipPath",
+  "clip-rule": "clipRule",
+  "color-interpolation": "colorInterpolation",
+  "color-interpolation-filters": "colorInterpolationFilters",
+  "color-profile": "colorProfile",
+  "color-rendering": "colorRendering",
+  "dominant-baseline": "dominantBaseline",
+  "enable-background": "enableBackground",
+  "fill-opacity": "fillOpacity",
+  "fill-rule": "fillRule",
+  "flood-opacity": "floodOpacity",
+  "flood-color": "floodColor",
+  "font-family": "fontFamily",
+  "font-size": "fontSize",
+  "font-size-adjust": "fontSizeAdjust",
+  "font-stretch": "fontStretch",
+  "font-style": "fontStyle",
+  "font-variant": "fontVariant",
+  "font-weight": "fontWeight",
+  "glyph-orientation-horizontal": "glyphOrientationHorizontal",
+  "glyph-orientation-vertical": "glyphOrientationVertical",
+  "image-rendering": "imageRendering",
+  "letter-spacing": "letterSpacing",
+  "lighting-color": "lightingColor",
+  "marker-end": "markerEnd",
+  "marker-mid": "markerMid",
+  "marker-start": "markerStart",
+  "pointer-events": "pointerEvents",
   popovertarget: "popoverTarget",
   popovertargetaction: "popoverTargetAction",
+  "shape-rendering": "shapeRendering",
+  "stop-color": "stopColor",
+  "stop-opacity": "stopOpacity",
+  "stroke-dasharray": "strokeDasharray",
+  "stroke-dashoffset": "strokeDashoffset",
+  "stroke-linecap": "strokeLinecap",
+  "stroke-linejoin": "strokeLinejoin",
+  "stroke-miterlimit": "strokeMiterlimit",
+  "stroke-width": "strokeWidth",
+  "stroke-opacity": "strokeOpacity",
+  "text-anchor": "textAnchor",
+  "text-decoration": "textDecoration",
+  "text-rendering": "textRendering",
+  "unicode-bidi": "unicodeBidi",
+  "word-spacing": "wordSpacing",
+  "writing-mode": "writingMode",
+  "xlink:actuate": "xlinkActuate",
+  "xlink:arcrole": "xlinkArcrole",
+  "xlink:href": "xlinkHref",
+  "xlink:role": "xlinkRole",
+  "xlink:show": "xlinkShow",
+  "xlink:title": "xlinkTitle",
+  "xlink:type": "xlinkType",
+  "xml:base": "xmlBase",
+  "xml:lang": "xmlLang",
+  "xml:space": "xmlSpace",
   dirname: "dirName"
 };
 var reactPropsToStandardAttributes = {
@@ -294,8 +350,64 @@ var reactPropsToStandardAttributes = {
   srcSet: "srcset",
   tabIndex: "tabindex",
   useMap: "usemap",
+  alignmentBaseline: "alignment-baseline",
+  baselineShift: "baseline-shift",
+  clipPath: "clip-path",
+  clipRule: "clip-rule",
+  colorInterpolation: "color-interpolation",
+  colorInterpolationFilters: "color-interpolation-filters",
+  colorProfile: "color-profile",
+  colorRendering: "color-rendering",
+  dominantBaseline: "dominant-baseline",
+  enableBackground: "enable-background",
+  fillOpacity: "fill-opacity",
+  fillRule: "fill-rule",
+  floodOpacity: "flood-opacity",
+  floodColor: "flood-color",
+  fontFamily: "font-family",
+  fontSize: "font-size",
+  fontSizeAdjust: "font-size-adjust",
+  fontStretch: "font-stretch",
+  fontStyle: "font-style",
+  fontVariant: "font-variant",
+  fontWeight: "font-weight",
+  glyphOrientationHorizontal: "glyph-orientation-horizontal",
+  glyphOrientationVertical: "glyph-orientation-vertical",
+  imageRendering: "image-rendering",
+  letterSpacing: "letter-spacing",
+  lightingColor: "lighting-color",
+  markerEnd: "marker-end",
+  markerMid: "marker-mid",
+  markerStart: "marker-start",
+  pointerEvents: "pointer-events",
   popoverTarget: "popovertarget",
   popoverTargetAction: "popovertargetaction",
+  shapeRendering: "shape-rendering",
+  stopColor: "stop-color",
+  stopOpacity: "stop-opacity",
+  strokeDasharray: "stroke-dasharray",
+  strokeDashoffset: "stroke-dashoffset",
+  strokeLinecap: "stroke-linecap",
+  strokeLinejoin: "stroke-linejoin",
+  strokeMiterlimit: "stroke-miterlimit",
+  strokeWidth: "stroke-width",
+  strokeOpacity: "stroke-opacity",
+  textAnchor: "text-anchor",
+  textDecoration: "text-decoration",
+  textRendering: "text-rendering",
+  unicodeBidi: "unicode-bidi",
+  wordSpacing: "word-spacing",
+  writingMode: "writing-mode",
+  xlinkActuate: "xlink:actuate",
+  xlinkArcrole: "xlink:arcrole",
+  xlinkHref: "xlink:href",
+  xlinkRole: "xlink:role",
+  xlinkShow: "xlink:show",
+  xlinkTitle: "xlink:title",
+  xlinkType: "xlink:type",
+  xmlBase: "xml:base",
+  xmlLang: "xml:lang",
+  xmlSpace: "xml:space",
   dirName: "dirname"
 };
 

package/lib/runtime.js

@@ -7,6 +7,7 @@ import {
 var ReactSdkContext = createContext({
   assetBaseUrl: "/",
   imageLoader: ({ src }) => src,
+  videoLoader: ({ src }) => src,
   resources: {},
   breakpoints: [],
   onError: (error) => {

package/lib/types/context.d.ts

@@ -1,4 +1,4 @@
-import type { ImageLoader } from "@webstudio-is/image";
+import type { ImageLoader, VideoLoader } from "@webstudio-is/image";
 export type Params = {
     /**
      * When rendering a published version, there is no renderer defined.
@@ -21,6 +21,7 @@ export type Params = {
 };
 export declare const ReactSdkContext: import("react").Context<Params & {
     imageLoader: ImageLoader;
+    videoLoader?: VideoLoader;
     resources: Record<string, any>;
     breakpoints: {
         id: string;

package/lib/types/props.d.ts

@@ -738,7 +738,7 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
             enabled?: [string, boolean][] | undefined;
         }[];
         source?: "closest" | "nearest" | "root" | undefined;
-        axis?: "block" | "x" | "inline" | "y" | undefined;
+        axis?: "block" | "x" | "y" | "inline" | undefined;
         isPinned?: boolean | undefined;
         debug?: boolean | undefined;
     } | {
@@ -1387,7 +1387,7 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingIm
             description?: string | undefined;
             enabled?: [string, boolean][] | undefined;
         }[];
-        axis?: "block" | "x" | "inline" | "y" | undefined;
+        axis?: "block" | "x" | "y" | "inline" | undefined;
         isPinned?: boolean | undefined;
         debug?: boolean | undefined;
         subject?: string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.224.0",
+  "version": "0.226.0",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -14,7 +14,7 @@
     "type-fest": "^4.37.0",
     "vitest": "^3.1.2",
     "zod": "^3.24.2",
-    "@webstudio-is/template": "0.224.0",
+    "@webstudio-is/template": "0.226.0",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "peerDependencies": {
@@ -26,11 +26,11 @@
     "change-case": "^5.4.4",
     "html-tags": "^4.0.0",
     "nanoid": "^5.1.5",
-    "@webstudio-is/css-engine": "0.224.0",
-    "@webstudio-is/fonts": "0.224.0",
-    "@webstudio-is/image": "0.224.0",
-    "@webstudio-is/icons": "^0.224.0",
-    "@webstudio-is/sdk": "0.224.0"
+    "@webstudio-is/css-engine": "0.226.0",
+    "@webstudio-is/fonts": "0.226.0",
+    "@webstudio-is/image": "0.226.0",
+    "@webstudio-is/icons": "^0.226.0",
+    "@webstudio-is/sdk": "0.226.0"
   },
   "exports": {
     ".": {

package/placeholder.d.ts

@@ -1,7 +1,8 @@
 declare module "__CONSTANTS__" {
-  import type { ImageLoader } from "@webstudio-is/image";
+  import type { ImageLoader, VideoLoader } from "@webstudio-is/image";
   export const assetBaseUrl: string;
   export const imageLoader: ImageLoader;
+  export const videoLoader: undefined | VideoLoader;
 }
 
 declare module "__CLIENT__" {