@webstudio-is/react-sdk 0.0.0-c1d6247 → 0.0.0-ca00e2a

package/lib/types/runtime.d.ts

@@ -9,4 +9,3 @@ export { PageSettingsCanonicalLink } from "./page-settings-canonical-link";
  * To render XML, we wrap it with an <svg> tag and add a suffix to avoid React's default behavior on these elements.
  */
 export declare const xmlNodeTagSuffix = "-ws-xml-node-fb77f896-8e96-40b9-b8f8-90a4e70d724a";
-export declare const getIndexWithinAncestorFromComponentProps: (props: Record<string, unknown>) => string | undefined;

package/package.json

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

package/placeholder.d.ts

@@ -5,21 +5,26 @@ declare module "__CONSTANTS__" {
 }
 
 declare module "__CLIENT__" {
-  import type {
-    FontAsset,
-    ImageAsset,
-    ResourceRequest,
-    System,
-  } from "@webstudio-is/sdk";
+  import type { ResourceRequest, System } from "@webstudio-is/sdk";
+
+  export const projectId: string;
+
+  export const lastPublished: string;
 
   export const siteName: string;
 
-  export const favIconAsset: ImageAsset | undefined;
+  export const favIconAsset: string | undefined;
+
+  export const breakpoints: {
+    id: string;
+    minWidth?: number;
+    maxWidth?: number;
+  }[];
 
   // Font assets on current page (can be preloaded)
-  export const pageFontAssets: FontAsset[];
+  export const pageFontAssets: string[];
 
-  export const pageBackgroundImageAssets: ImageAsset[];
+  export const pageBackgroundImageAssets: string[];
 
   export const CustomCode: () => ReactNode;
 
@@ -42,8 +47,6 @@ declare module "__SERVER__" {
   type Params = Record<string, string | undefined>;
   export const getRemixParams: ({ ...params }: Params) => Params;
 
-  export const projectId: string;
-
   export const contactEmail: undefined | string;
 }
 

package/lib/types/css/css.d.ts

@@ -1,20 +0,0 @@
-import { type TransformValue } from "@webstudio-is/css-engine";
-import { type Assets, type Breakpoints, type Instances, type Props, type StyleSourceSelections, type Styles, type WsComponentMeta } from "@webstudio-is/sdk";
-export type CssConfig = {
-    assets: Assets;
-    instances: Instances;
-    props: Props;
-    breakpoints: Breakpoints;
-    styles: Styles;
-    styleSourceSelections: StyleSourceSelections;
-    componentMetas: Map<string, WsComponentMeta>;
-    assetBaseUrl: string;
-    atomic: boolean;
-};
-export declare const createImageValueTransformer: (assets: Assets, { assetBaseUrl }: {
-    assetBaseUrl: string;
-}) => TransformValue;
-export declare const generateCss: ({ assets, instances, props, breakpoints, styles, styleSourceSelections, componentMetas, assetBaseUrl, atomic, }: CssConfig) => {
-    cssText: string;
-    classes: Map<string, string[]>;
-};

package/lib/types/css/css.test.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/types/css/global-rules.d.ts

@@ -1,6 +0,0 @@
-import type { StyleSheetRegular } from "@webstudio-is/css-engine";
-import type { Assets } from "@webstudio-is/sdk";
-export declare const addGlobalRules: (sheet: StyleSheetRegular, { assets, assetBaseUrl }: {
-    assets: Assets;
-    assetBaseUrl: string;
-}) => void;

package/lib/types/css/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./global-rules";
-export * from "./css";

package/lib/types/embed-template.d.ts

@@ -1,54 +0,0 @@
-import type { Instance, WebstudioFragment, WsEmbedTemplate, EmbedTemplateInstance, WsComponentMeta } from "@webstudio-is/sdk";
-export declare const generateDataFromEmbedTemplate: (treeTemplate: WsEmbedTemplate, metas: Map<Instance["component"], WsComponentMeta>, generateId?: () => string) => WebstudioFragment;
-export declare const namespaceMeta: (meta: WsComponentMeta, namespace: string, components: Set<EmbedTemplateInstance["component"]>) => {
-    type: "control" | "embed" | "container" | "rich-text-child";
-    description?: string | undefined;
-    category?: "data" | "xml" | "hidden" | "media" | "general" | "typography" | "forms" | "localization" | "radix" | "internal" | undefined;
-    label?: string | undefined;
-    order?: number | undefined;
-    template?: ({
-        value: string;
-        type: "text";
-        placeholder?: boolean | undefined;
-    } | {
-        value: string;
-        type: "expression";
-    } | EmbedTemplateInstance)[] | undefined;
-    states?: {
-        label: string;
-        selector: string;
-        category?: "states" | "component-states" | undefined;
-    }[] | undefined;
-    constraints?: {
-        relation: "ancestor" | "parent" | "self" | "child" | "descendant";
-        component?: {
-            $eq?: string | undefined;
-            $neq?: string | undefined;
-            $in?: string[] | undefined;
-            $nin?: string[] | undefined;
-        } | undefined;
-        tag?: {
-            $eq?: string | undefined;
-            $neq?: string | undefined;
-            $in?: string[] | undefined;
-            $nin?: string[] | undefined;
-        } | undefined;
-    } | {
-        relation: "ancestor" | "parent" | "self" | "child" | "descendant";
-        component?: {
-            $eq?: string | undefined;
-            $neq?: string | undefined;
-            $in?: string[] | undefined;
-            $nin?: string[] | undefined;
-        } | undefined;
-        tag?: {
-            $eq?: string | undefined;
-            $neq?: string | undefined;
-            $in?: string[] | undefined;
-            $nin?: string[] | undefined;
-        } | undefined;
-    }[] | undefined;
-    indexWithinAncestor?: string | undefined;
-    icon: string;
-    presetStyle?: import("@webstudio-is/sdk").PresetStyle;
-};

package/lib/types/embed-template.test.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,3 +0,0 @@
-import type { Instance, Instances, WsComponentMeta } from "@webstudio-is/sdk";
-export type IndexesWithinAncestors = Map<Instance["id"], number>;
-export declare const getIndexesWithinAncestors: (metas: Map<Instance["component"], WsComponentMeta>, instances: Instances, rootIds: Instance["id"][]) => IndexesWithinAncestors;

package/lib/types/instance-utils.test.d.ts

@@ -1 +0,0 @@
-export {};