@webstudio-is/react-sdk 0.0.0-5844e28 → 0.0.0-73cd6ea

package/lib/runtime.js

@@ -7,7 +7,12 @@ import {
 var ReactSdkContext = createContext({
   assetBaseUrl: "/",
   imageLoader: ({ src }) => src,
-  resources: {}
+  videoLoader: ({ src }) => src,
+  resources: {},
+  breakpoints: [],
+  onError: (error) => {
+    console.error(error);
+  }
 });
 var useResource = (name) => {
   const { resources } = useContext(ReactSdkContext);
@@ -82,7 +87,8 @@ var PageSettingsMeta = ({
   host,
   siteName,
   pageMeta,
-  imageLoader
+  imageLoader,
+  assetBaseUrl
 }) => {
   const metas = [];
   if (url !== void 0) {
@@ -124,7 +130,7 @@ var PageSettingsMeta = ({
     metas.push({
       property: "og:image",
       content: `https://${host}${imageLoader({
-        src: pageMeta.socialImageAssetName,
+        src: `${assetBaseUrl}${pageMeta.socialImageAssetName}`,
         // Do not transform social image (not enough information do we need to do this)
         format: "raw"
       })}`
@@ -136,6 +142,12 @@ var PageSettingsMeta = ({
     });
   }
   metas.push(...pageMeta.custom);
+  const isTwitterCardSizeDefined = pageMeta.custom.some(
+    (meta) => meta.property === "twitter:card"
+  );
+  if ((pageMeta.socialImageAssetName !== void 0 || pageMeta.socialImageUrl !== void 0) && isTwitterCardSizeDefined === false) {
+    metas.push({ property: "twitter:card", content: "summary_large_image" });
+  }
   return metas.map((meta, index) => /* @__PURE__ */ jsx(Meta, { ...meta }, index));
 };
 
@@ -197,16 +209,12 @@ var PageSettingsCanonicalLink = (props) => {
 
 // src/runtime.ts
 var xmlNodeTagSuffix = "-ws-xml-node-fb77f896-8e96-40b9-b8f8-90a4e70d724a";
-var getIndexWithinAncestorFromComponentProps = (props) => {
-  return props["data-ws-index"];
-};
 export {
   PageSettingsCanonicalLink,
   PageSettingsMeta,
   PageSettingsTitle,
   ReactSdkContext,
   getClosestInstance,
-  getIndexWithinAncestorFromComponentProps,
   useResource,
   useVariableState,
   xmlNodeTagSuffix

package/lib/types/__generated__/standard-attributes.d.ts

@@ -0,0 +1,2 @@
+export declare const standardAttributesToReactProps: Record<string, string>;
+export declare const reactPropsToStandardAttributes: Record<string, string>;

package/lib/types/component-generator.d.ts

@@ -1,8 +1,12 @@
-import type { Instances, Instance, Props, Scope, DataSources, Prop } from "@webstudio-is/sdk";
-import type { IndexesWithinAncestors } from "./instance-utils";
-export declare const generateJsxElement: ({ context, scope, instance, props, dataSources, usedDataSources, indexesWithinAncestors, children, classesMap, }: {
+import type { Instances, Instance, Props, Scope, DataSources, Prop, WsComponentMeta, IndexesWithinAncestors } from "@webstudio-is/sdk";
+export declare const generateJsxElement: ({ context, scope, metas, tagsOverrides, instance, props, dataSources, usedDataSources, indexesWithinAncestors, children, classesMap, }: {
     context?: "expression" | "jsx";
     scope: Scope;
+    metas: Map<Instance["component"], WsComponentMeta>;
+    /**
+     * Record<tag, componentDescriptor>
+     */
+    tagsOverrides?: Record<string, string>;
     instance: Instance;
     props: Props;
     dataSources: DataSources;
@@ -11,8 +15,10 @@ export declare const generateJsxElement: ({ context, scope, instance, props, dat
     children: string;
     classesMap?: Map<string, Array<string>>;
 }) => string;
-export declare const generateJsxChildren: ({ scope, children, instances, props, dataSources, usedDataSources, indexesWithinAncestors, classesMap, excludePlaceholders, }: {
+export declare const generateJsxChildren: ({ scope, metas, tagsOverrides, children, instances, props, dataSources, usedDataSources, indexesWithinAncestors, classesMap, excludePlaceholders, }: {
     scope: Scope;
+    metas: Map<Instance["component"], WsComponentMeta>;
+    tagsOverrides?: Record<string, string>;
     children: Instance["children"];
     instances: Instances;
     props: Props;
@@ -22,7 +28,7 @@ export declare const generateJsxChildren: ({ scope, children, instances, props,
     classesMap?: Map<string, Array<string>>;
     excludePlaceholders?: boolean;
 }) => string;
-export declare const generateWebstudioComponent: ({ scope, name, rootInstanceId, parameters, instances, props, dataSources, indexesWithinAncestors, classesMap, }: {
+export declare const generateWebstudioComponent: ({ scope, name, rootInstanceId, parameters, instances, props, dataSources, metas, tagsOverrides, classesMap, }: {
     scope: Scope;
     name: string;
     rootInstanceId: Instance["id"];
@@ -32,6 +38,10 @@ export declare const generateWebstudioComponent: ({ scope, name, rootInstanceId,
     instances: Instances;
     props: Props;
     dataSources: DataSources;
-    indexesWithinAncestors: IndexesWithinAncestors;
     classesMap: Map<string, Array<string>>;
+    metas: Map<Instance["component"], WsComponentMeta>;
+    /**
+     * Record<tag, componentDescriptor>
+     */
+    tagsOverrides?: Record<string, string>;
 }) => string;

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,13 @@ export type Params = {
 };
 export declare const ReactSdkContext: import("react").Context<Params & {
     imageLoader: ImageLoader;
+    videoLoader?: VideoLoader;
     resources: Record<string, any>;
+    breakpoints: {
+        id: string;
+        minWidth?: number;
+        maxWidth?: number;
+    }[];
+    onError: (error: unknown) => void;
 }>;
 export declare const useResource: (name: string) => any;

package/lib/types/hook.d.ts

@@ -1,9 +1,9 @@
-import type { Instance, Prop } from "@webstudio-is/sdk";
-import type { IndexesWithinAncestors } from "./instance-utils";
+import type { IndexesWithinAncestors, Instance, Prop } from "@webstudio-is/sdk";
 export type InstanceData = {
     id: Instance["id"];
     instanceKey: string;
     component: Instance["component"];
+    tag?: Instance["tag"];
 };
 /**
  * Hooks are subscriptions to builder events

package/lib/types/index.d.ts

@@ -1,9 +1,7 @@
 export * from "./remix";
-export * from "./css/index";
 export * from "./components/components-utils";
-export * from "./embed-template";
 export * from "./props";
 export type * from "./context";
-export { getIndexesWithinAncestors } from "./instance-utils";
 export type * from "./hook";
 export { generateWebstudioComponent, generateJsxElement, generateJsxChildren, } from "./component-generator";
+export * from "./__generated__/standard-attributes";

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

@@ -1,10 +1,11 @@
 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, }: {
+export declare const PageSettingsMeta: ({ url, host, siteName, pageMeta, imageLoader, assetBaseUrl, }: {
     url?: string;
     host: string;
     siteName: string;
     pageMeta: PageMeta;
     imageLoader: ImageLoader;
+    assetBaseUrl: string;
 }) => import("react/jsx-runtime").JSX.Element[];