@webstudio-is/react-sdk 0.191.4 → 0.192.0

package/lib/runtime.js

@@ -0,0 +1,61 @@
+// src/context.tsx
+import { createContext, useContext, useMemo } from "react";
+import {
+  createJsonStringifyProxy,
+  isPlainObject
+} from "@webstudio-is/sdk/runtime";
+var ReactSdkContext = createContext({
+  assetBaseUrl: "/",
+  imageBaseUrl: "/",
+  imageLoader: ({ src }) => src,
+  resources: {}
+});
+var useResource = (name) => {
+  const { resources } = useContext(ReactSdkContext);
+  const resource = resources[name];
+  const resourceMemozied = useMemo(
+    () => isPlainObject(resource) ? createJsonStringifyProxy(resource) : resource,
+    [resource]
+  );
+  return resourceMemozied;
+};
+
+// src/hook.ts
+var getClosestInstance = (instancePath, currentInstance, closestComponent) => {
+  let matched = false;
+  for (const instance of instancePath) {
+    if (currentInstance === instance) {
+      matched = true;
+    }
+    if (matched && instance.component === closestComponent) {
+      return instance;
+    }
+  }
+};
+
+// src/variable-state.tsx
+import { useState, useMemo as useMemo2 } from "react";
+import {
+  createJsonStringifyProxy as createJsonStringifyProxy2,
+  isPlainObject as isPlainObject2
+} from "@webstudio-is/sdk/runtime";
+var useVariableState = (initialState) => {
+  const [state, setState] = useState(initialState);
+  const value = useMemo2(
+    () => isPlainObject2(state) ? createJsonStringifyProxy2(state) : state,
+    [state]
+  );
+  return [value, setState];
+};
+
+// src/runtime.ts
+var getIndexWithinAncestorFromComponentProps = (props) => {
+  return props["data-ws-index"];
+};
+export {
+  ReactSdkContext,
+  getClosestInstance,
+  getIndexWithinAncestorFromComponentProps,
+  useResource,
+  useVariableState
+};

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

@@ -0,0 +1,37 @@
+import type { Instances, Instance, Props, Scope, DataSources, Prop } from "@webstudio-is/sdk";
+import type { IndexesWithinAncestors } from "./instance-utils";
+export declare const generateJsxElement: ({ context, scope, instance, props, dataSources, usedDataSources, indexesWithinAncestors, children, classesMap, }: {
+    context?: "expression" | "jsx";
+    scope: Scope;
+    instance: Instance;
+    props: Props;
+    dataSources: DataSources;
+    usedDataSources: DataSources;
+    indexesWithinAncestors: IndexesWithinAncestors;
+    children: string;
+    classesMap?: Map<string, Array<string>>;
+}) => string;
+export declare const generateJsxChildren: ({ scope, children, instances, props, dataSources, usedDataSources, indexesWithinAncestors, classesMap, excludePlaceholders, }: {
+    scope: Scope;
+    children: Instance["children"];
+    instances: Instances;
+    props: Props;
+    dataSources: DataSources;
+    usedDataSources: DataSources;
+    indexesWithinAncestors: IndexesWithinAncestors;
+    classesMap?: Map<string, Array<string>>;
+    excludePlaceholders?: boolean;
+}) => string;
+export declare const generateWebstudioComponent: ({ scope, name, rootInstanceId, parameters, instances, props, dataSources, indexesWithinAncestors, classesMap, }: {
+    scope: Scope;
+    name: string;
+    rootInstanceId: Instance["id"];
+    parameters: Extract<Prop, {
+        type: "parameter";
+    }>[];
+    instances: Instances;
+    props: Props;
+    dataSources: DataSources;
+    indexesWithinAncestors: IndexesWithinAncestors;
+    classesMap: Map<string, Array<string>>;
+}) => string;

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

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