@webstudio-is/react-sdk 0.0.0-588fe22 → 0.0.0-7a19155

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/lib/types/standard-attributes.d.ts

@@ -0,0 +1 @@
+export { getInstancePropName, getJsxPropName, reactPropsToStandardAttributes, standardAttributesToReactProps, } from "@webstudio-is/content-engine/jsx-attributes";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.0.0-588fe22",
+  "version": "0.0.0-7a19155",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -11,26 +11,27 @@
     "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-588fe22",
-    "@webstudio-is/tsconfig": "1.0.7"
+    "type-fest": "^4.37.0",
+    "typescript": "7.0.2",
+    "vitest": "^3.1.2",
+    "zod": "^4.4.3",
+    "@webstudio-is/tsconfig": "1.0.7",
+    "@webstudio-is/template": "0.0.0-7a19155"
   },
   "peerDependencies": {
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
-    "zod": "^3.19.1"
+    "zod": "^4.4.3"
   },
   "dependencies": {
     "change-case": "^5.4.4",
-    "html-tags": "^4.0.0",
-    "nanoid": "^5.0.9",
-    "@webstudio-is/css-engine": "0.0.0-588fe22",
-    "@webstudio-is/fonts": "0.0.0-588fe22",
-    "@webstudio-is/image": "0.0.0-588fe22",
-    "@webstudio-is/icons": "^0.0.0-588fe22",
-    "@webstudio-is/sdk": "0.0.0-588fe22"
+    "@webstudio-is/content-engine": "0.0.0-7a19155",
+    "@webstudio-is/css-engine": "0.0.0-7a19155",
+    "@webstudio-is/fonts": "0.0.0-7a19155",
+    "@webstudio-is/icons": "^0.0.0-7a19155",
+    "@webstudio-is/expression": "0.0.0-7a19155",
+    "@webstudio-is/image": "0.0.0-7a19155",
+    "@webstudio-is/sdk": "0.0.0-7a19155"
   },
   "exports": {
     ".": {
@@ -43,6 +44,11 @@
       "types": "./lib/types/runtime.d.ts",
       "import": "./lib/runtime.js"
     },
+    "./standard-attributes": {
+      "webstudio": "./src/standard-attributes.ts",
+      "types": "./lib/types/standard-attributes.d.ts",
+      "import": "./lib/standard-attributes.js"
+    },
     "./placeholder": {
       "types": "./placeholder.d.ts"
     }
@@ -56,9 +62,9 @@
   "private": false,
   "sideEffects": false,
   "scripts": {
-    "build": "rm -rf lib && esbuild src/index.ts src/runtime.ts --outdir=lib --bundle --format=esm --packages=external",
+    "build": "rm -rf lib && esbuild src/index.ts src/runtime.ts src/standard-attributes.ts --outdir=lib --bundle --format=esm --packages=external",
     "dts": "tsc --project tsconfig.dts.json",
-    "typecheck": "tsc",
+    "typecheck": "tsc --noEmit",
     "test": "vitest run"
   }
 }

package/placeholder.d.ts

@@ -1,25 +1,33 @@
 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__" {
-  import type {
-    FontAsset,
-    ImageAsset,
-    ResourceRequest,
-    System,
-  } from "@webstudio-is/sdk";
+  import type { ResourceRequest, System } from "@webstudio-is/sdk";
+
+  export const projectId: string;
+
+  export const projectDomain: string | undefined;
+
+  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;
 
@@ -28,10 +36,15 @@ declare module "__CLIENT__" {
 
 declare module "__SERVER__" {
   import type { PageMeta, System, ResourceRequest } from "@webstudio-is/sdk";
+  import type { ResourceRequestGraph } from "@webstudio-is/sdk/runtime";
 
-  export const getResources: (props: { system: System }) => {
-    data: Map<string, ResourceRequest>;
-    action: Map<string, ResourceRequest>;
+  export const getResources: (props: {
+    system: System;
+    resources?: Record<string, any>;
+  }) => {
+    data: ResourceRequestGraph;
+    action: Map<string, { id: string; outputName: string }>;
+    contentData?: Map<string, ResourceRequest>;
   };
 
   export const getPageMeta: (props: {
@@ -42,11 +55,14 @@ declare module "__SERVER__" {
   type Params = Record<string, string | undefined>;
   export const getRemixParams: ({ ...params }: Params) => Params;
 
-  export const projectId: string;
-
   export const contactEmail: undefined | string;
 }
 
+declare module "__AUTH__" {
+  import type { WsAuthRoute } from "@webstudio-is/wsauth";
+  export const authRoutes: WsAuthRoute[];
+}
+
 declare module "__SITEMAP__" {
   export const sitemap: Array<{
     path: string;
@@ -54,6 +70,12 @@ declare module "__SITEMAP__" {
   }>;
 }
 
+declare module "__ASSETS__" {
+  import type { RuntimeAsset } from "@webstudio-is/sdk";
+  export const assets: Record<string, RuntimeAsset>;
+  export const assetUrlsByPath: Record<string, string>;
+}
+
 declare module "__REDIRECT__" {
   export const url: string;
   export const status: number;

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

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

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/hook.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 {};

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

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

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

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