@webstudio-is/react-sdk 0.185.0 → 0.191.0

package/lib/types/hook.d.ts

@@ -1,5 +1,10 @@
 import type { Instance, Prop } from "@webstudio-is/sdk";
 import type { IndexesWithinAncestors } from "./instance-utils";
+export type InstanceData = {
+    id: Instance["id"];
+    instanceKey: string;
+    component: Instance["component"];
+};
 /**
  * Hooks are subscriptions to builder events
  * with limited way to interact with it.
@@ -7,17 +12,15 @@ import type { IndexesWithinAncestors } from "./instance-utils";
  */
 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;
+    getPropValue: (instanceData: InstanceData, propName: Prop["name"]) => unknown;
+    setMemoryProp: (instanceData: InstanceData, propName: Prop["name"], value: unknown) => void;
 };
-export type InstancePath = Instance[];
+export type InstancePath = InstanceData[];
 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;
@@ -27,22 +30,5 @@ export type Hook = {
  * Find closest matching instance by component name
  * by lookup in instance path
  */
-export declare const getClosestInstance: (instancePath: InstancePath, currentInstance: Instance, closestComponent: Instance["component"]) => {
-    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;
-} | undefined;
-export declare const getInstanceSelectorById: (instanceSelector: readonly Instance["id"][], instanceId: Instance["id"]) => string[];
+export declare const getClosestInstance: (instancePath: InstancePath, currentInstance: InstanceData, closestComponent: InstanceData["component"]) => InstanceData | undefined;
 export {};

package/lib/types/index.d.ts

@@ -1,6 +1,5 @@
 export * from "./remix";
 export * from "./css/index";
-export * from "./tree/index";
 export * from "./core-components";
 export * from "./components/components-utils";
 export { PropMeta } from "./prop-meta";

package/package.json

@@ -1,21 +1,19 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.185.0",
+  "version": "0.191.0",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
   "type": "module",
   "devDependencies": {
-    "@jest/globals": "^29.7.0",
     "@types/react": "^18.2.70",
     "@types/react-dom": "^18.2.25",
     "react": "18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "strip-indent": "^4.0.0",
-    "type-fest": "^4.24.0",
-    "typescript": "5.5.2",
+    "type-fest": "^4.28.0",
+    "vitest": "^2.1.8",
     "zod": "^3.22.4",
-    "@webstudio-is/jest-config": "1.0.7",
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "peerDependencies": {
@@ -26,13 +24,13 @@
   "dependencies": {
     "change-case": "^5.4.4",
     "html-tags": "^4.0.0",
-    "nanoid": "^5.0.1",
+    "nanoid": "^5.0.8",
     "title-case": "^4.3.2",
-    "@webstudio-is/css-engine": "0.185.0",
-    "@webstudio-is/icons": "^0.185.0",
-    "@webstudio-is/fonts": "0.185.0",
-    "@webstudio-is/image": "0.185.0",
-    "@webstudio-is/sdk": "0.185.0"
+    "@webstudio-is/css-engine": "0.191.0",
+    "@webstudio-is/icons": "^0.191.0",
+    "@webstudio-is/image": "0.191.0",
+    "@webstudio-is/fonts": "0.191.0",
+    "@webstudio-is/sdk": "0.191.0"
   },
   "exports": {
     ".": {
@@ -61,6 +59,6 @@
     "build": "rm -rf lib && esbuild src/index.ts src/runtime.ts --outdir=lib --bundle --format=esm --packages=external",
     "dts": "tsc --project tsconfig.dts.json",
     "typecheck": "tsc",
-    "test": "NODE_OPTIONS=--experimental-vm-modules jest --passWithNoTests"
+    "test": "vitest run"
   }
 }

package/lib/types/tree/create-elements-tree.d.ts

@@ -1,26 +0,0 @@
-import { type ForwardRefExoticComponent, type ReactNode, type RefAttributes } from "react";
-import type { Instance, Instances } from "@webstudio-is/sdk";
-import type { Components } from "../components/components-utils";
-import { type Params } from "../context";
-import type { ImageLoader } from "@webstudio-is/image";
-type InstanceSelector = Instance["id"][];
-export type WebstudioComponentProps = {
-    instance: Instance;
-    instanceSelector: Instance["id"][];
-    components: Components;
-};
-export declare const createElementsTree: ({ renderer, assetBaseUrl, imageBaseUrl, imageLoader, instances, rootInstanceId, Component, components, }: Params & {
-    instances: Instances;
-    imageLoader: ImageLoader;
-    rootInstanceId: Instance["id"];
-    Component: ForwardRefExoticComponent<WebstudioComponentProps & RefAttributes<HTMLElement>>;
-    components: Components;
-}) => import("react/jsx-runtime").JSX.Element | null;
-export declare const createInstanceChildrenElements: ({ instances, instanceSelector, children, Component, components, }: {
-    instances: Instances;
-    instanceSelector: InstanceSelector;
-    children: Instance["children"];
-    Component: ForwardRefExoticComponent<WebstudioComponentProps & RefAttributes<HTMLElement>>;
-    components: Components;
-}) => ReactNode[] | undefined;
-export {};

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

@@ -1 +0,0 @@
-export * from "./create-elements-tree";