@webstudio-is/react-sdk 0.100.1-c4ae8b2.0 → 0.100.1-d89b38d.0

package/lib/index.js

@@ -1504,61 +1504,7 @@ var getClosestInstance = (instancePath, currentInstance, closestComponent) => {
 };
 
 // src/generator.ts
-import {
-  createScope
-} from "@webstudio-is/sdk";
 var generateUtilsExport = (siteData) => {
-  const indexesWithinAncestors = getIndexesWithinAncestors(
-    siteData.metas,
-    siteData.instances,
-    [siteData.page.rootInstanceId]
-  );
-  let indexesWithinAncestorsEntries = "";
-  for (const [key, value] of indexesWithinAncestors) {
-    const keyString = JSON.stringify(key);
-    const valueString = JSON.stringify(value);
-    indexesWithinAncestorsEntries += `[${keyString}, ${valueString}],
-`;
-  }
-  const generatedIndexesWithinAncestors = `
-  const indexesWithinAncestors = new Map<string, number>([
-  ${indexesWithinAncestorsEntries}
-  ]);
-  `;
-  const { variables, body, output } = generateDataSources({
-    scope: createScope(["_getVariable", "_setVariable", "_output"]),
-    typed: true,
-    dataSources: siteData.dataSources,
-    props: siteData.props
-  });
-  let generatedDataSources = "";
-  generatedDataSources += `const getDataSourcesLogic = (
-`;
-  generatedDataSources += `  _getVariable: (id: string) => unknown,
-`;
-  generatedDataSources += `  _setVariable: (id: string, value: unknown) => void
-`;
-  generatedDataSources += `) => {
-`;
-  for (const [dataSourceId, variable] of variables) {
-    const { valueName, setterName } = variable;
-    const initialValue = JSON.stringify(variable.initialValue);
-    generatedDataSources += `let ${valueName} = _getVariable("${dataSourceId}") ?? ${initialValue};
-`;
-    generatedDataSources += `let ${setterName} = (value: unknown) => _setVariable("${dataSourceId}", value);
-`;
-  }
-  generatedDataSources += body;
-  generatedDataSources += `let _output = new Map();
-`;
-  for (const [dataSourceId, variableName] of output) {
-    generatedDataSources += `_output.set('${dataSourceId}', ${variableName})
-`;
-  }
-  generatedDataSources += `return _output
-`;
-  generatedDataSources += `}
-`;
   const formsProperties = /* @__PURE__ */ new Map();
   for (const prop of siteData.props.values()) {
     if (prop.type === "string") {
@@ -1576,20 +1522,7 @@ var generateUtilsExport = (siteData) => {
     Array.from(formsProperties.entries())
   )})`;
   return `
-  /* eslint-disable */
-
-  ${generatedIndexesWithinAncestors.trim()}
-
-  ${generatedDataSources}
-
   ${generatedFormsProperties}
-
-  export const utils = {
-    indexesWithinAncestors,
-    getDataSourcesLogic,
-  };
-
-  /* eslint-enable */
   `;
 };
 
@@ -1748,7 +1681,7 @@ var generatePageComponent = ({
   let generatedDataSources = "";
   for (const { valueName, setterName, initialValue } of variables.values()) {
     const initialValueString = JSON.stringify(initialValue);
-    generatedDataSources += `let [${valueName}, ${setterName}] = useState(${initialValueString})
+    generatedDataSources += `let [${valueName}, ${setterName}] = useState<any>(${initialValueString})
 `;
   }
   generatedDataSources += dataSourcesBody;
@@ -1806,6 +1739,7 @@ export {
   getIndexesWithinAncestors,
   getInstanceIdFromComponentProps,
   getPresetStyleRules,
+  getPropsByInstanceId,
   getStyleRules,
   idAttribute,
   indexAttribute,

package/lib/types/generator.d.ts

@@ -1,12 +1,7 @@
-import { type DataSources, type Instance, type Instances, type Page, type Props } from "@webstudio-is/sdk";
-import type { WsComponentMeta } from "./components/component-meta";
-import { type IndexesWithinAncestors } from "./instance-utils";
+import type { Props } from "@webstudio-is/sdk";
+import type { IndexesWithinAncestors } from "./instance-utils";
 type PageData = {
-    page: Page;
-    metas: Map<Instance["component"], WsComponentMeta>;
-    instances: Instances;
     props: Props;
-    dataSources: DataSources;
 };
 export type GeneratedUtils = {
     indexesWithinAncestors: IndexesWithinAncestors;
@@ -14,8 +9,6 @@ export type GeneratedUtils = {
 };
 /**
  * Generates data based utilities at build time
- * Requires this import statement in scope
- * import * as sdk from "@webstudio-is/react-sdk";
  */
 export declare const generateUtilsExport: (siteData: PageData) => string;
 export {};

package/lib/types/index.d.ts

@@ -5,7 +5,7 @@ export * from "./components/components-utils";
 export { PropMeta } from "./prop-meta";
 export { type WsComponentPropsMeta, type ComponentState, type PresetStyle, WsComponentMeta, componentCategories, stateCategories, defaultStates, } from "./components/component-meta";
 export * from "./embed-template";
-export { useInstanceProps, usePropUrl, usePropAsset, getInstanceIdFromComponentProps, getIndexWithinAncestorFromComponentProps, } from "./props";
+export { useInstanceProps, getPropsByInstanceId, usePropUrl, usePropAsset, getInstanceIdFromComponentProps, getIndexWithinAncestorFromComponentProps, } from "./props";
 export { type Params, ReactSdkContext } from "./context";
 export { validateExpression, computeExpressionsDependencies, encodeDataSourceVariable, decodeDataSourceVariable, generateDataSources, } from "./expression";
 export { getIndexesWithinAncestors } from "./instance-utils";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.100.1-c4ae8b2.0",
+  "version": "0.100.1-d89b38d.0",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -17,8 +17,8 @@
     "type-fest": "^4.3.1",
     "typescript": "5.2.2",
     "zod": "^3.21.4",
-    "@webstudio-is/jest-config": "1.0.8-c4ae8b2.0",
-    "@webstudio-is/tsconfig": "1.0.8-c4ae8b2.0"
+    "@webstudio-is/jest-config": "1.0.8-d89b38d.0",
+    "@webstudio-is/tsconfig": "1.0.8-d89b38d.0"
   },
   "peerDependencies": {
     "@remix-run/react": "^1.19.1",
@@ -35,20 +35,20 @@
     "nanostores": "^0.9.3",
     "no-case": "^3.0.4",
     "title-case": "^3.0.3",
-    "@webstudio-is/css-engine": "0.100.1-c4ae8b2.0",
-    "@webstudio-is/fonts": "0.100.1-c4ae8b2.0",
-    "@webstudio-is/image": "0.100.1-c4ae8b2.0",
-    "@webstudio-is/sdk": "0.100.1-c4ae8b2.0"
+    "@webstudio-is/css-engine": "0.100.1-d89b38d.0",
+    "@webstudio-is/fonts": "0.100.1-d89b38d.0",
+    "@webstudio-is/image": "0.100.1-d89b38d.0",
+    "@webstudio-is/sdk": "0.100.1-d89b38d.0"
   },
   "exports": {
     ".": {
-      "source": "./src/index.ts",
+      "webstudio": "./src/index.ts",
       "types": "./lib/types/index.d.ts",
       "import": "./lib/index.js",
       "require": "./lib/index.js"
     },
     "./css-normalize": {
-      "source": "./src/css/normalize.ts",
+      "webstudio": "./src/css/normalize.ts",
       "types": "./lib/types/css/normalize.d.ts",
       "import": "./lib/css/normalize.js",
       "require": "./lib/css/normalize.js"