@webstudio-is/react-sdk 0.0.0-73cd6ea → 0.0.0-7a19155

package/lib/runtime.js

@@ -23,6 +23,9 @@ var useResource = (name) => {
   );
   return resourceMemozied;
 };
+var renderText = (value) => {
+  return typeof value === "string" || typeof value === "number" ? value : "";
+};
 
 // src/hook.ts
 var getClosestInstance = (instancePath, currentInstance, closestComponent) => {
@@ -127,9 +130,10 @@ var PageSettingsMeta = ({
     });
   }
   if (pageMeta.socialImageAssetName) {
+    const origin = host ? `https://${host}` : "";
     metas.push({
       property: "og:image",
-      content: `https://${host}${imageLoader({
+      content: `${origin}${imageLoader({
         src: `${assetBaseUrl}${pageMeta.socialImageAssetName}`,
         // Do not transform social image (not enough information do we need to do this)
         format: "raw"
@@ -215,6 +219,7 @@ export {
   PageSettingsTitle,
   ReactSdkContext,
   getClosestInstance,
+  renderText,
   useResource,
   useVariableState,
   xmlNodeTagSuffix

package/lib/standard-attributes.js

@@ -0,0 +1,13 @@
+// src/standard-attributes.ts
+import {
+  getInstancePropName,
+  getJsxPropName,
+  reactPropsToStandardAttributes,
+  standardAttributesToReactProps
+} from "@webstudio-is/content-engine/jsx-attributes";
+export {
+  getInstancePropName,
+  getJsxPropName,
+  reactPropsToStandardAttributes,
+  standardAttributesToReactProps
+};

package/lib/types/collection-utils.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Shared collection iteration logic for both builder and published sites.
+ *
+ * Collections support both arrays and objects:
+ * - Arrays: [item1, item2] -> entries are [["0", item1], ["1", item2]]
+ * - Objects: {key1: val1, key2: val2} -> entries are [["key1", val1], ["key2", val2]]
+ *
+ * Using Object.entries() unifies both cases since arrays are objects with numeric keys.
+ */
+/**
+ * Normalize collection data to entries format [key, value][].
+ * Returns empty array if data is not iterable.
+ * For arrays, keys are converted to numbers.
+ */
+export declare const getCollectionEntries: (data: unknown) => Array<[string | number, unknown]>;
+/**
+ * Template for generated code that iterates over collections.
+ * Used by component-generator.ts to ensure consistency.
+ */
+export declare const generateCollectionIterationCode: ({ dataExpression, keyVariable, itemVariable, }: {
+    dataExpression: string;
+    keyVariable: string;
+    itemVariable: string;
+}) => string;

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

@@ -1,5 +1,16 @@
-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, }: {
+import type { Instances, Instance, Props, Scope, DataSources, Prop, WsComponentMeta, IndexesWithinAncestors, Resources } from "@webstudio-is/sdk";
+export type PublishedContentBlock = Readonly<{
+    bodyInstanceId?: Instance["id"];
+    sourceExpression?: string;
+    candidates: readonly Readonly<{
+        assetId: string;
+        dependencyRevision: string;
+        children: Instance["children"];
+        frontmatter: Readonly<Record<string, unknown>>;
+        resourceIds?: readonly string[];
+    }>[];
+}>;
+export declare const generateJsxElement: ({ context, scope, metas, tagsOverrides, instance, props, resources, dataSources, usedDataSources, indexesWithinAncestors, children, classesMap, }: {
     context?: "expression" | "jsx";
     scope: Scope;
     metas: Map<Instance["component"], WsComponentMeta>;
@@ -9,26 +20,33 @@ export declare const generateJsxElement: ({ context, scope, metas, tagsOverrides
     tagsOverrides?: Record<string, string>;
     instance: Instance;
     props: Props;
+    resources?: Resources;
     dataSources: DataSources;
     usedDataSources: DataSources;
     indexesWithinAncestors: IndexesWithinAncestors;
     children: string;
     classesMap?: Map<string, Array<string>>;
 }) => string;
-export declare const generateJsxChildren: ({ scope, metas, tagsOverrides, children, instances, props, dataSources, usedDataSources, indexesWithinAncestors, classesMap, excludePlaceholders, }: {
+export declare const generateJsxChildren: ({ scope, metas, tagsOverrides, children, instances, props, resources, dataSources, usedDataSources, indexesWithinAncestors, classesMap, excludePlaceholders, publishedContentBlocks, contentBodyOverride, }: {
     scope: Scope;
     metas: Map<Instance["component"], WsComponentMeta>;
     tagsOverrides?: Record<string, string>;
     children: Instance["children"];
     instances: Instances;
     props: Props;
+    resources?: Resources;
     dataSources: DataSources;
     usedDataSources: DataSources;
     indexesWithinAncestors: IndexesWithinAncestors;
     classesMap?: Map<string, Array<string>>;
     excludePlaceholders?: boolean;
+    publishedContentBlocks?: ReadonlyMap<Instance["id"], PublishedContentBlock>;
+    contentBodyOverride?: Readonly<{
+        instanceId: Instance["id"];
+        children: Instance["children"];
+    }>;
 }) => string;
-export declare const generateWebstudioComponent: ({ scope, name, rootInstanceId, parameters, instances, props, dataSources, metas, tagsOverrides, classesMap, }: {
+export declare const generateWebstudioComponent: ({ scope, name, rootInstanceId, parameters, instances, props, resources, dataSources, metas, tagsOverrides, classesMap, publishedContentBlocks, }: {
     scope: Scope;
     name: string;
     rootInstanceId: Instance["id"];
@@ -37,8 +55,10 @@ export declare const generateWebstudioComponent: ({ scope, name, rootInstanceId,
     }>[];
     instances: Instances;
     props: Props;
+    resources?: Resources;
     dataSources: DataSources;
     classesMap: Map<string, Array<string>>;
+    publishedContentBlocks?: ReadonlyMap<Instance["id"], PublishedContentBlock>;
     metas: Map<Instance["component"], WsComponentMeta>;
     /**
      * Record<tag, componentDescriptor>

package/lib/types/context.d.ts

@@ -6,6 +6,12 @@ export type Params = {
      * - preview is the preview mode in builder
      */
     renderer?: "canvas" | "preview";
+    /**
+     * Safe mode prevents external JavaScript execution in HTML embeds.
+     * When enabled, all HTML embeds act as if "run scripts on canvas" is false,
+     * regardless of their actual settings.
+     */
+    isSafeMode?: boolean;
     /**
      * Base url or base path for any asset with ending slash.
      * Used to load assets like fonts or images in styles
@@ -18,6 +24,8 @@ export type Params = {
      * https://assets.webstudio.is/
      */
     assetBaseUrl: string;
+    /** Runtime URLs keyed by their root-relative path in the Assets panel. */
+    assetUrlsByPath?: Readonly<Record<string, string>>;
 };
 export declare const ReactSdkContext: import("react").Context<Params & {
     imageLoader: ImageLoader;
@@ -31,3 +39,4 @@ export declare const ReactSdkContext: import("react").Context<Params & {
     onError: (error: unknown) => void;
 }>;
 export declare const useResource: (name: string) => any;
+export declare const renderText: (value: unknown) => string | number;

package/lib/types/index.d.ts

@@ -1,7 +1,8 @@
 export * from "./remix";
 export * from "./components/components-utils";
 export * from "./props";
+export * from "./collection-utils";
 export type * from "./context";
 export type * from "./hook";
-export { generateWebstudioComponent, generateJsxElement, generateJsxChildren, } from "./component-generator";
-export * from "./__generated__/standard-attributes";
+export { generateWebstudioComponent, generateJsxElement, generateJsxChildren, type PublishedContentBlock, } from "./component-generator";
+export * from "./standard-attributes";

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

@@ -3,8 +3,8 @@ import type { PageMeta } from "@webstudio-is/sdk";
 export declare const isElementRenderedWithReact: (element: Element) => boolean;
 export declare const PageSettingsMeta: ({ url, host, siteName, pageMeta, imageLoader, assetBaseUrl, }: {
     url?: string;
-    host: string;
-    siteName: string;
+    host?: string;
+    siteName?: string;
     pageMeta: PageMeta;
     imageLoader: ImageLoader;
     assetBaseUrl: string;