@webstudio-is/react-sdk 0.143.0 → 0.144.0

package/lib/index.js

@@ -233,11 +233,15 @@ var createImageValueTransformer = (assets, { assetBaseUrl }) => (styleValue) =>
     };
   }
 };
-var generateCss = (data, { assetBaseUrl, atomic = false }) => {
-  const assets = new Map(data.assets.map((asset) => [asset.id, asset]));
-  const breakpoints = new Map(data.breakpoints);
-  const styles = new Map(data.styles);
-  const styleSourceSelections = new Map(data.styleSourceSelections);
+var generateCss = ({
+  assets,
+  breakpoints,
+  styles,
+  styleSourceSelections,
+  componentMetas,
+  assetBaseUrl,
+  atomic
+}) => {
   const classesMap = /* @__PURE__ */ new Map();
   const regularSheet = createRegularStyleSheet({ name: "ssr-regular" });
   const atomicSheet = atomic ? createAtomicStyleSheet({ name: "ssr-atomic" }) : void 0;
@@ -245,7 +249,7 @@ var generateCss = (data, { assetBaseUrl, atomic = false }) => {
   for (const breakpoint of breakpoints.values()) {
     (atomicSheet ?? regularSheet).addMediaRule(breakpoint.id, breakpoint);
   }
-  for (const [component, meta] of data.componentMetas) {
+  for (const [component, meta] of componentMetas) {
     const presetStyle = meta.presetStyle;
     if (presetStyle === void 0) {
       continue;
@@ -401,23 +405,6 @@ var createInstanceElement = ({
   );
 };
 
-// src/app/root.tsx
-import { Links, Meta, Outlet as DefaultOutlet } from "@remix-run/react";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var Root = ({
-  Outlet = DefaultOutlet
-}) => {
-  return /* @__PURE__ */ jsxs2("html", { lang: "en", children: [
-    /* @__PURE__ */ jsxs2("head", { children: [
-      /* @__PURE__ */ jsx2("meta", { charSet: "utf-8" }),
-      /* @__PURE__ */ jsx2("meta", { name: "viewport", content: "width=device-width,initial-scale=1" }),
-      /* @__PURE__ */ jsx2(Meta, {}),
-      /* @__PURE__ */ jsx2(Links, {})
-    ] }),
-    /* @__PURE__ */ jsx2(Outlet, {})
-  ] });
-};
-
 // src/core-components.ts
 import { ListViewIcon } from "@webstudio-is/icons/svg";
 var portalComponent = "Slot";
@@ -1483,7 +1470,6 @@ export {
   EmbedTemplateStyleDecl,
   PropMeta,
   ReactSdkContext,
-  Root,
   WsComponentMeta,
   WsEmbedTemplate,
   addGlobalRules,

package/lib/types/css/css.d.ts

@@ -1,14 +1,12 @@
 import { type TransformValue } from "@webstudio-is/css-engine";
-import type { Asset, Breakpoint, Instance, StyleDecl, StyleDeclKey, StyleSourceSelection } from "@webstudio-is/sdk";
+import type { Assets, Breakpoints, StyleSourceSelections, Styles } from "@webstudio-is/sdk";
 import type { WsComponentMeta } from "../components/component-meta";
-type Data = {
-    assets: Asset[];
-    breakpoints: [Breakpoint["id"], Breakpoint][];
-    styles: [StyleDeclKey, StyleDecl][];
-    styleSourceSelections: [Instance["id"], StyleSourceSelection][];
+export type CssConfig = {
+    assets: Assets;
+    breakpoints: Breakpoints;
+    styles: Styles;
+    styleSourceSelections: StyleSourceSelections;
     componentMetas: Map<string, WsComponentMeta>;
-};
-type CssOptions = {
     assetBaseUrl: string;
     atomic: boolean;
 };
@@ -62,8 +60,7 @@ export declare const createImageValueTransformer: (assets: Map<string, {
 }>, { assetBaseUrl }: {
     assetBaseUrl: string;
 }) => TransformValue;
-export declare const generateCss: (data: Data, { assetBaseUrl, atomic }: CssOptions) => {
+export declare const generateCss: ({ assets, breakpoints, styles, styleSourceSelections, componentMetas, assetBaseUrl, atomic, }: CssConfig) => {
     cssText: string;
     classesMap: Map<string, string[]>;
 };
-export {};

package/lib/types/css/css.test.d.ts

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

package/lib/types/index.d.ts

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

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.143.0",
+  "version": "0.144.0",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
   "type": "module",
   "devDependencies": {
     "@jest/globals": "^29.7.0",
-    "@remix-run/react": "^1.19.2",
     "@types/react": "^18.2.21",
     "@types/react-dom": "^18.2.7",
     "react": "^18.2.0",
@@ -20,7 +19,6 @@
     "@webstudio-is/tsconfig": "1.0.7"
   },
   "peerDependencies": {
-    "@remix-run/react": "^1.19.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "zod": "^3.19.1"
@@ -30,11 +28,11 @@
     "html-tags": "^3.3.1",
     "nanoid": "^5.0.1",
     "title-case": "^4.1.0",
-    "@webstudio-is/icons": "^0.143.0",
-    "@webstudio-is/css-engine": "0.143.0",
-    "@webstudio-is/fonts": "0.143.0",
-    "@webstudio-is/image": "0.143.0",
-    "@webstudio-is/sdk": "0.143.0"
+    "@webstudio-is/css-engine": "0.144.0",
+    "@webstudio-is/fonts": "0.144.0",
+    "@webstudio-is/sdk": "0.144.0",
+    "@webstudio-is/icons": "^0.144.0",
+    "@webstudio-is/image": "0.144.0"
   },
   "exports": {
     ".": {

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

@@ -1 +0,0 @@
-export * from "./root";

package/lib/types/app/root.d.ts

@@ -1,7 +0,0 @@
-import { Outlet as DefaultOutlet } from "@remix-run/react";
-/**
- * We are using Outlet prop from index layout when user renders project from a subdomain.
- */
-export declare const Root: ({ Outlet, }: {
-    Outlet: typeof DefaultOutlet;
-}) => import("react/jsx-runtime").JSX.Element;