@webstudio-is/react-sdk 0.185.0 → 0.189.0

package/lib/index.js

@@ -84,7 +84,7 @@ import {
 import {
   ListViewIcon,
   PaintBrushIcon,
-  EmbedIcon
+  SettingsIcon
 } from "@webstudio-is/icons/svg";
 import { html } from "@webstudio-is/sdk/normalize.css";
 var rootComponent = "ws:root";
@@ -92,7 +92,7 @@ var rootMeta = {
   category: "hidden",
   type: "container",
   label: "Global Root",
-  icon: EmbedIcon,
+  icon: SettingsIcon,
   presetStyle: {
     html
   }
@@ -346,120 +346,6 @@ ${sheet.cssText}`,
   };
 };
 
-// src/tree/create-elements-tree.tsx
-import {
-  Fragment
-} from "react";
-
-// src/context.tsx
-import { createContext, useContext, useMemo } from "react";
-import { createJsonStringifyProxy, isPlainObject } from "@webstudio-is/sdk";
-var ReactSdkContext = createContext({
-  assetBaseUrl: "/",
-  imageBaseUrl: "/",
-  imageLoader: ({ src }) => src,
-  resources: {}
-});
-
-// src/tree/create-elements-tree.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var createElementsTree = ({
-  renderer,
-  assetBaseUrl,
-  imageBaseUrl,
-  imageLoader,
-  instances,
-  rootInstanceId,
-  Component,
-  components
-}) => {
-  const rootInstance = instances.get(rootInstanceId);
-  if (rootInstance === void 0) {
-    return null;
-  }
-  const rootInstanceSelector = [rootInstanceId];
-  const root = createInstanceElement({
-    Component,
-    instance: rootInstance,
-    instanceSelector: rootInstanceSelector,
-    components
-  });
-  return /* @__PURE__ */ jsx(
-    ReactSdkContext.Provider,
-    {
-      value: {
-        renderer,
-        imageLoader,
-        assetBaseUrl,
-        imageBaseUrl,
-        resources: {}
-      },
-      children: root
-    }
-  );
-};
-var renderText = (text) => {
-  const lines = text.split("\n");
-  return lines.map((line, index) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    line,
-    index < lines.length - 1 && /* @__PURE__ */ jsx("br", {})
-  ] }, index));
-};
-var createInstanceChildrenElements = ({
-  instances,
-  instanceSelector,
-  children,
-  Component,
-  components
-}) => {
-  const elements = [];
-  for (const child of children) {
-    if (child.type === "text") {
-      elements.push(renderText(child.value));
-      continue;
-    }
-    if (child.type === "expression") {
-      continue;
-    }
-    if (child.type === "id") {
-      const childInstance = instances.get(child.value);
-      if (childInstance === void 0) {
-        continue;
-      }
-      const childInstanceSelector = [child.value, ...instanceSelector];
-      const element = createInstanceElement({
-        instance: childInstance,
-        instanceSelector: childInstanceSelector,
-        Component,
-        components
-      });
-      elements.push(element);
-      continue;
-    }
-    child;
-  }
-  if (elements.length === 0) {
-    return;
-  }
-  return elements;
-};
-var createInstanceElement = ({
-  Component,
-  instance,
-  instanceSelector,
-  components
-}) => {
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      instance,
-      instanceSelector,
-      components
-    },
-    instance.id
-  );
-};
-
 // src/props.ts
 import {
   getPagePath,
@@ -1616,9 +1502,7 @@ export {
   componentCategories,
   coreMetas,
   corePropsMetas,
-  createElementsTree,
   createImageValueTransformer,
-  createInstanceChildrenElements,
   defaultStates,
   descendantComponent,
   generateCss,