@webstudio-is/react-sdk 0.168.0 → 0.174.0

package/lib/types/hook.d.ts

@@ -9,6 +9,7 @@ export type HookContext = {
     indexesWithinAncestors: IndexesWithinAncestors;
     getPropValue: (instanceId: Instance["id"], propName: Prop["name"]) => unknown;
     setPropVariable: (instanceId: Instance["id"], propName: Prop["name"], value: unknown) => void;
+    setMemoryProp: (instanceId: readonly Instance["id"][], propName: Prop["name"], value: unknown) => void;
 };
 export type InstancePath = Instance[];
 type NavigatorEvent = {
@@ -16,6 +17,7 @@ type NavigatorEvent = {
      * List of instances from selected to the root
      */
     instancePath: InstancePath;
+    instanceSelector: readonly Instance["id"][];
 };
 export type Hook = {
     onNavigatorSelect?: (context: HookContext, event: NavigatorEvent) => void;
@@ -42,4 +44,5 @@ export declare const getClosestInstance: (instancePath: InstancePath, currentIns
     component: string;
     label?: string | undefined;
 } | undefined;
+export declare const getInstanceSelectorById: (instanceSelector: readonly Instance["id"][], instanceId: Instance["id"]) => string[];
 export {};

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

@@ -1,20 +1,4 @@
-import type { Instance } from "@webstudio-is/sdk";
+import type { Instance, Instances } from "@webstudio-is/sdk";
 import type { WsComponentMeta } from "./components/component-meta";
 export type IndexesWithinAncestors = Map<Instance["id"], number>;
-export declare const getIndexesWithinAncestors: (metas: Map<Instance["component"], WsComponentMeta>, instances: Map<string, {
-    type: "instance";
-    id: string;
-    children: ({
-        value: string;
-        type: "text";
-        placeholder?: boolean | undefined;
-    } | {
-        value: string;
-        type: "id";
-    } | {
-        value: string;
-        type: "expression";
-    })[];
-    component: string;
-    label?: string | undefined;
-}>, rootIds: Instance["id"][]) => IndexesWithinAncestors;
+export declare const getIndexesWithinAncestors: (metas: Map<Instance["component"], WsComponentMeta>, instances: Instances, rootIds: Instance["id"][]) => IndexesWithinAncestors;

package/lib/types/props.d.ts

@@ -1,9 +1,11 @@
-import { type Prop, type Assets, type Pages } from "@webstudio-is/sdk";
-export declare const normalizeProps: ({ props, assetBaseUrl, assets, pages, }: {
+import { type Prop, type Assets, type Pages, type ImageAsset } from "@webstudio-is/sdk";
+export declare const normalizeProps: ({ props, assetBaseUrl, assets, uploadingImageAssets, pages, source, }: {
     props: Prop[];
     assetBaseUrl: string;
     assets: Assets;
+    uploadingImageAssets: ImageAsset[];
     pages: Pages;
+    source: "canvas" | "prebuild";
 }) => ({
     value: number;
     type: "number";
@@ -66,6 +68,13 @@ export declare const normalizeProps: ({ props, assetBaseUrl, assets, pages, }: {
     id: string;
     instanceId: string;
     required?: boolean | undefined;
+} | {
+    value: string;
+    type: "resource";
+    name: string;
+    id: string;
+    instanceId: string;
+    required?: boolean | undefined;
 } | {
     value: string;
     type: "expression";
@@ -92,5 +101,4 @@ export declare const showAttribute: "data-ws-show";
 export declare const indexAttribute: "data-ws-index";
 export declare const collapsedAttribute: "data-ws-collapsed";
 export declare const textContentAttribute: "data-ws-text-content";
-export declare const getInstanceIdFromComponentProps: (props: Record<string, unknown>) => string;
 export declare const getIndexWithinAncestorFromComponentProps: (props: Record<string, unknown>) => string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.168.0",
+  "version": "0.174.0",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -13,10 +13,10 @@
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "strip-indent": "^4.0.0",
     "type-fest": "^4.3.1",
-    "typescript": "5.4.5",
+    "typescript": "5.5.2",
     "zod": "^3.22.4",
-    "@webstudio-is/jest-config": "1.0.7",
-    "@webstudio-is/tsconfig": "1.0.7"
+    "@webstudio-is/tsconfig": "1.0.7",
+    "@webstudio-is/jest-config": "1.0.7"
   },
   "peerDependencies": {
     "react": "18.3.0-canary-14898b6a9-20240318",
@@ -28,11 +28,11 @@
     "html-tags": "^3.3.1",
     "nanoid": "^5.0.1",
     "title-case": "^4.1.0",
-    "@webstudio-is/css-engine": "0.168.0",
-    "@webstudio-is/sdk": "0.168.0",
-    "@webstudio-is/icons": "^0.168.0",
-    "@webstudio-is/image": "0.168.0",
-    "@webstudio-is/fonts": "0.168.0"
+    "@webstudio-is/css-engine": "0.174.0",
+    "@webstudio-is/fonts": "0.174.0",
+    "@webstudio-is/icons": "^0.174.0",
+    "@webstudio-is/sdk": "0.174.0",
+    "@webstudio-is/image": "0.174.0"
   },
   "exports": {
     ".": {
@@ -44,21 +44,23 @@
       "webstudio": "./src/css/normalize.ts",
       "types": "./lib/types/css/normalize.d.ts",
       "import": "./lib/css/normalize.js"
+    },
+    "./placeholder": {
+      "types": "./placeholder.d.ts"
     }
   },
   "files": [
     "lib/*",
+    "./placeholder.d.ts",
     "!*.{test,stories}.*"
   ],
   "license": "AGPL-3.0-or-later",
   "private": false,
   "sideEffects": false,
   "scripts": {
-    "dev": "rm -rf lib && esbuild 'src/**/*.ts' 'src/**/*.tsx' --outdir=lib --watch",
     "build": "rm -rf lib && esbuild src/index.ts ./src/css/normalize.ts --outdir=lib --bundle --format=esm --packages=external",
     "dts": "tsc --project tsconfig.dts.json",
     "typecheck": "tsc",
-    "test": "NODE_OPTIONS=--experimental-vm-modules jest --passWithNoTests",
-    "checks": "pnpm typecheck && pnpm test"
+    "test": "NODE_OPTIONS=--experimental-vm-modules jest --passWithNoTests"
   }
 }

package/placeholder.d.ts

@@ -0,0 +1,61 @@
+declare module "__CONSTANTS__" {
+  import type { ImageLoader } from "@webstudio-is/image";
+  export const assetBaseUrl: string;
+  export const imageBaseUrl: string;
+  export const imageLoader: ImageLoader;
+}
+
+declare module "__CLIENT__" {
+  import type {
+    FontAsset,
+    ImageAsset,
+    ResourceRequest,
+    System,
+  } from "@webstudio-is/sdk";
+
+  export const siteName: string;
+
+  export const favIconAsset: ImageAsset | undefined;
+
+  // Font assets on current page (can be preloaded)
+  export const pageFontAssets: FontAsset[];
+
+  export const pageBackgroundImageAssets: ImageAsset[];
+
+  export const CustomCode: () => ReactNode;
+
+  export const Page: (props: { system: System }) => ReactNode;
+}
+
+declare module "__SERVER__" {
+  import type { PageMeta, System, ResourceRequest } from "@webstudio-is/sdk";
+
+  export const getResources: (props: { system: System }) => {
+    data: Map<string, ResourceRequest>;
+    action: Map<string, ResourceRequest>;
+  };
+
+  export const getPageMeta: (props: {
+    system: System;
+    resources: Record<string, any>;
+  }) => PageMeta;
+
+  type Params = Record<string, string | undefined>;
+  export const getRemixParams: ({ ...params }: Params) => Params;
+
+  export const projectId: string;
+
+  export const contactEmail: undefined | string;
+}
+
+declare module "__SITEMAP__" {
+  export const sitemap: Array<{
+    path: string;
+    lastModified: string;
+  }>;
+}
+
+declare module "__REDIRECT__" {
+  export const url: string;
+  export const status: number;
+}

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

@@ -1,21 +0,0 @@
-import type { Style } from "@webstudio-is/css-engine";
-import type { Styles } from "@webstudio-is/sdk";
-import type { PresetStyle } from "../components/component-meta";
-type StyleRule = {
-    instanceId: string;
-    breakpointId: string;
-    state: undefined | string;
-    style: Style;
-};
-/**
- * Merge styles from different style sources
- * and group by instance and breakpoint
- *
- * @deprecated
- */
-export declare const getStyleRules: (styles: Styles, styleSourceSelections: Map<string, {
-    values: string[];
-    instanceId: string;
-}>) => StyleRule[];
-export declare const getPresetStyleRules: (component: string, presetStyle: PresetStyle) => Map<string, Style>;
-export {};

package/lib/types/css/style-rules.test.d.ts

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