@webstudio-is/react-sdk 0.72.0 → 0.74.0

package/lib/app/index.js

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

package/lib/cjs/app/index.js

@@ -16,4 +16,3 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var app_exports = {};
 module.exports = __toCommonJS(app_exports);
 __reExport(app_exports, require("./root"), module.exports);
-__reExport(app_exports, require("./params"), module.exports);

package/lib/cjs/components/component-meta.js

@@ -29,6 +29,7 @@ var import_generate_arg_types = require("@webstudio-is/generate-arg-types");
 var import_embed_template = require("../embed-template");
 const WsComponentPropsMeta = import_zod.z.object({
   props: import_zod.z.record(import_generate_arg_types.PropMeta),
+  // Props that will be always visible in properties panel.
   initialProps: import_zod.z.array(import_zod.z.string()).optional()
 });
 const componentCategories = [
@@ -53,18 +54,11 @@ const defaultStates = [
 ];
 const WsComponentMeta = import_zod.z.object({
   category: import_zod.z.enum(componentCategories).optional(),
-  // container - can accept other components with dnd
+  // container - can accept other components with dnd or be edited as text
   // control - usually form controls like inputs, without children
   // embed - images, videos or other embeddable components, without children
-  // rich-text - editable text component
   // rich-text-child - formatted text fragment, not listed in components list
-  type: import_zod.z.enum([
-    "container",
-    "control",
-    "embed",
-    "rich-text",
-    "rich-text-child"
-  ]),
+  type: import_zod.z.enum(["container", "control", "embed", "rich-text-child"]),
   requiredAncestors: import_zod.z.optional(import_zod.z.array(import_zod.z.string())),
   invalidAncestors: import_zod.z.optional(import_zod.z.array(import_zod.z.string())),
   stylable: import_zod.z.optional(import_zod.z.boolean()),

package/lib/cjs/context.js

@@ -24,6 +24,8 @@ module.exports = __toCommonJS(context_exports);
 var import_nanostores = require("nanostores");
 var import_react = require("react");
 const ReactSdkContext = (0, import_react.createContext)({
+  imageBaseUrl: "/",
+  assetBaseUrl: "/",
   propsByInstanceIdStore: (0, import_nanostores.atom)(/* @__PURE__ */ new Map()),
   assetsStore: (0, import_nanostores.atom)(/* @__PURE__ */ new Map()),
   pagesStore: (0, import_nanostores.atom)(/* @__PURE__ */ new Map())

package/lib/cjs/css/normalize.js

@@ -93,7 +93,18 @@ const h5 = baseStyle;
 const h6 = baseStyle;
 const i = baseStyle;
 const img = baseStyle;
-const a = baseStyle;
+const a = [
+  ...baseStyle,
+  {
+    property: "color",
+    value: { type: "rgb", r: 0, g: 0, b: 238, alpha: 1 }
+  },
+  {
+    state: ":visited",
+    property: "color",
+    value: { type: "rgb", r: 85, g: 26, b: 139, alpha: 1 }
+  }
+];
 const li = baseStyle;
 const ul = baseStyle;
 const ol = baseStyle;

package/lib/cjs/tree/create-elements-tree.js

@@ -27,6 +27,8 @@ var import_react2 = require("@remix-run/react");
 var import_context = require("../context");
 const createElementsTree = ({
   renderer,
+  imageBaseUrl,
+  assetBaseUrl,
   instances,
   rootInstanceId,
   propsByInstanceIdStore,
@@ -63,7 +65,14 @@ const createElementsTree = ({
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_context.ReactSdkContext.Provider,
     {
-      value: { propsByInstanceIdStore, assetsStore, pagesStore, renderer },
+      value: {
+        propsByInstanceIdStore,
+        assetsStore,
+        pagesStore,
+        renderer,
+        imageBaseUrl,
+        assetBaseUrl
+      },
       children: root
     }
   );

package/lib/cjs/tree/root.js

@@ -24,15 +24,15 @@ module.exports = __toCommonJS(root_exports);
 var import_nanostores = require("nanostores");
 var import_create_elements_tree = require("./create-elements-tree");
 var import_webstudio_component = require("./webstudio-component");
-var import_params = require("../app/params");
 var import_props = require("../props");
 const InstanceRoot = ({
   data,
   Component,
   components
 }) => {
-  (0, import_params.setParams)(data.params);
   return (0, import_create_elements_tree.createElementsTree)({
+    imageBaseUrl: data.params?.imageBaseUrl ?? "/",
+    assetBaseUrl: data.params?.assetBaseUrl ?? "/",
     instances: new Map(data.build.instances),
     rootInstanceId: data.page.rootInstanceId,
     propsByInstanceIdStore: (0, import_nanostores.atom)(

package/lib/components/component-meta.js

@@ -3,6 +3,7 @@ import { PropMeta } from "@webstudio-is/generate-arg-types";
 import { EmbedTemplateStyleDecl, WsEmbedTemplate } from "../embed-template";
 const WsComponentPropsMeta = z.object({
   props: z.record(PropMeta),
+  // Props that will be always visible in properties panel.
   initialProps: z.array(z.string()).optional()
 });
 const componentCategories = [
@@ -27,18 +28,11 @@ const defaultStates = [
 ];
 const WsComponentMeta = z.object({
   category: z.enum(componentCategories).optional(),
-  // container - can accept other components with dnd
+  // container - can accept other components with dnd or be edited as text
   // control - usually form controls like inputs, without children
   // embed - images, videos or other embeddable components, without children
-  // rich-text - editable text component
   // rich-text-child - formatted text fragment, not listed in components list
-  type: z.enum([
-    "container",
-    "control",
-    "embed",
-    "rich-text",
-    "rich-text-child"
-  ]),
+  type: z.enum(["container", "control", "embed", "rich-text-child"]),
   requiredAncestors: z.optional(z.array(z.string())),
   invalidAncestors: z.optional(z.array(z.string())),
   stylable: z.optional(z.boolean()),

package/lib/context.js

@@ -1,6 +1,8 @@
 import { atom } from "nanostores";
 import { createContext } from "react";
 const ReactSdkContext = createContext({
+  imageBaseUrl: "/",
+  assetBaseUrl: "/",
   propsByInstanceIdStore: atom(/* @__PURE__ */ new Map()),
   assetsStore: atom(/* @__PURE__ */ new Map()),
   pagesStore: atom(/* @__PURE__ */ new Map())

package/lib/css/normalize.js

@@ -24,7 +24,18 @@ const h5 = baseStyle;
 const h6 = baseStyle;
 const i = baseStyle;
 const img = baseStyle;
-const a = baseStyle;
+const a = [
+  ...baseStyle,
+  {
+    property: "color",
+    value: { type: "rgb", r: 0, g: 0, b: 238, alpha: 1 }
+  },
+  {
+    state: ":visited",
+    property: "color",
+    value: { type: "rgb", r: 85, g: 26, b: 139, alpha: 1 }
+  }
+];
 const li = baseStyle;
 const ul = baseStyle;
 const ol = baseStyle;

package/lib/tree/create-elements-tree.js

@@ -4,6 +4,8 @@ import { Scripts, ScrollRestoration } from "@remix-run/react";
 import { ReactSdkContext } from "../context";
 const createElementsTree = ({
   renderer,
+  imageBaseUrl,
+  assetBaseUrl,
   instances,
   rootInstanceId,
   propsByInstanceIdStore,
@@ -40,7 +42,14 @@ const createElementsTree = ({
   return /* @__PURE__ */ jsx(
     ReactSdkContext.Provider,
     {
-      value: { propsByInstanceIdStore, assetsStore, pagesStore, renderer },
+      value: {
+        propsByInstanceIdStore,
+        assetsStore,
+        pagesStore,
+        renderer,
+        imageBaseUrl,
+        assetBaseUrl
+      },
       children: root
     }
   );

package/lib/tree/root.js

@@ -1,15 +1,15 @@
 import { atom } from "nanostores";
 import { createElementsTree } from "./create-elements-tree";
 import { WebstudioComponent } from "./webstudio-component";
-import { setParams } from "../app/params";
 import { getPropsByInstanceId } from "../props";
 const InstanceRoot = ({
   data,
   Component,
   components
 }) => {
-  setParams(data.params);
   return createElementsTree({
+    imageBaseUrl: data.params?.imageBaseUrl ?? "/",
+    assetBaseUrl: data.params?.assetBaseUrl ?? "/",
     instances: new Map(data.build.instances),
     rootInstanceId: data.page.rootInstanceId,
     propsByInstanceIdStore: atom(

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

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

package/lib/types/components/component-meta.d.ts

@@ -637,7 +637,7 @@ export type ComponentState = z.infer<typeof ComponentState>;
 export declare const defaultStates: ComponentState[];
 declare const WsComponentMeta: z.ZodObject<{
     category: z.ZodOptional<z.ZodEnum<["general", "text", "media", "forms", "hidden"]>>;
-    type: z.ZodEnum<["container", "control", "embed", "rich-text", "rich-text-child"]>;
+    type: z.ZodEnum<["container", "control", "embed", "rich-text-child"]>;
     requiredAncestors: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
     invalidAncestors: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
     stylable: z.ZodOptional<z.ZodBoolean>;
@@ -1037,7 +1037,7 @@ declare const WsComponentMeta: z.ZodObject<{
     }>]>, "many">>>;
     order: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
-    type: "embed" | "control" | "container" | "rich-text" | "rich-text-child";
+    type: "embed" | "control" | "container" | "rich-text-child";
     label: string;
     icon: string;
     category?: "text" | "hidden" | "media" | "general" | "forms" | undefined;
@@ -1240,7 +1240,7 @@ declare const WsComponentMeta: z.ZodObject<{
     } | import("../embed-template").EmbedTemplateInstance)[] | undefined;
     order?: number | undefined;
 }, {
-    type: "embed" | "control" | "container" | "rich-text" | "rich-text-child";
+    type: "embed" | "control" | "container" | "rich-text-child";
     label: string;
     icon: string;
     category?: "text" | "hidden" | "media" | "general" | "forms" | undefined;

package/lib/types/context.d.ts

@@ -2,8 +2,33 @@
 import { type ReadableAtom } from "nanostores";
 import type { Assets } from "@webstudio-is/asset-uploader";
 import type { Pages, PropsByInstanceId } from "./props";
-export declare const ReactSdkContext: import("react").Context<{
-    renderer?: "canvas" | "preview" | undefined;
+export type Params = {
+    renderer?: "canvas" | "preview";
+    /**
+     * Base url ir base path for images with ending slash.
+     * Used for configuring image with different sizes.
+     * Concatinated with "name?width=&quality=&format=".
+     *
+     * For example
+     * /asset/image/ used by default in builder
+     * https://image-transform.wstd.io/cdn-cgi/image/
+     * https://webstudio.is/cdn-cgi/image/
+     */
+    imageBaseUrl: string;
+    /**
+     * Base url or base path for any asset with ending slash.
+     * Used to load assets like fonts or images in styles
+     * Concatinated with "name".
+     *
+     * For example
+     * /s/uploads/
+     * /asset/file/
+     * https://assets-dev.webstudio.is/
+     * https://assets.webstudio.is/
+     */
+    assetBaseUrl: string;
+};
+export declare const ReactSdkContext: import("react").Context<Params & {
     propsByInstanceIdStore: ReadableAtom<PropsByInstanceId>;
     assetsStore: ReadableAtom<Assets>;
     pagesStore: ReadableAtom<Pages>;

package/lib/types/index.d.ts

@@ -6,4 +6,4 @@ export * from "./components/components-utils";
 export { type WsComponentPropsMeta, type WsComponentMeta, type ComponentState, type PresetStyle, componentCategories, stateCategories, defaultStates, } from "./components/component-meta";
 export * from "./embed-template";
 export { usePropUrl, usePropAsset, getInstanceIdFromComponentProps, } from "./props";
-export { ReactSdkContext } from "./context";
+export { type Params, ReactSdkContext } from "./context";

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

@@ -3,10 +3,10 @@ import type { ReadableAtom } from "nanostores";
 import type { Assets } from "@webstudio-is/asset-uploader";
 import type { Instance, Instances } from "@webstudio-is/project-build";
 import type { Components } from "../components/components-utils";
+import { type Params } from "../context";
 import type { Pages, PropsByInstanceId } from "../props";
 import type { WebstudioComponent } from "./webstudio-component";
-export declare const createElementsTree: ({ renderer, instances, rootInstanceId, propsByInstanceIdStore, assetsStore, pagesStore, Component, components, }: {
-    renderer?: "canvas" | "preview" | undefined;
+export declare const createElementsTree: ({ renderer, imageBaseUrl, assetBaseUrl, instances, rootInstanceId, propsByInstanceIdStore, assetsStore, pagesStore, Component, components, }: Params & {
     instances: Map<string, {
         type: "instance";
         id: string;

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

@@ -2,8 +2,8 @@ import type { ComponentProps } from "react";
 import type { Build, Page } from "@webstudio-is/project-build";
 import type { Asset } from "@webstudio-is/asset-uploader";
 import { WebstudioComponent } from "./webstudio-component";
-import { type Params } from "../app/params";
 import type { Components } from "../components/components-utils";
+import type { Params } from "../context";
 export type Data = {
     page: Page;
     pages: Array<Page>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.72.0",
+  "version": "0.74.0",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -14,7 +14,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "type-fest": "^3.7.1",
-    "typescript": "5.0.3",
+    "typescript": "5.1.3",
     "zod": "^3.21.4",
     "@webstudio-is/jest-config": "^1.0.6",
     "@webstudio-is/scripts": "^0.0.0",
@@ -33,12 +33,12 @@
     "nanoevents": "^7.0.1",
     "nanoid": "^3.2.0",
     "nanostores": "^0.7.1",
-    "@webstudio-is/asset-uploader": "^0.72.0",
-    "@webstudio-is/css-data": "^0.72.0",
-    "@webstudio-is/css-engine": "^0.72.0",
-    "@webstudio-is/fonts": "^0.72.0",
-    "@webstudio-is/generate-arg-types": "^0.72.0",
-    "@webstudio-is/project-build": "^0.72.0"
+    "@webstudio-is/asset-uploader": "^0.74.0",
+    "@webstudio-is/css-data": "^0.74.0",
+    "@webstudio-is/css-engine": "^0.74.0",
+    "@webstudio-is/fonts": "^0.74.0",
+    "@webstudio-is/generate-arg-types": "^0.74.0",
+    "@webstudio-is/project-build": "^0.74.0"
   },
   "exports": {
     ".": {

package/src/app/index.ts

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

package/src/components/component-meta.ts

@@ -11,6 +11,7 @@ export type PresetStyle<Tag extends HtmlTags = HtmlTags> = Partial<
 // so they can be exported separately and potentially tree-shaken
 const WsComponentPropsMeta = z.object({
   props: z.record(PropMeta),
+  // Props that will be always visible in properties panel.
   initialProps: z.array(z.string()).optional(),
 });
 
@@ -44,18 +45,11 @@ export const defaultStates: ComponentState[] = [
 
 const WsComponentMeta = z.object({
   category: z.enum(componentCategories).optional(),
-  // container - can accept other components with dnd
+  // container - can accept other components with dnd or be edited as text
   // control - usually form controls like inputs, without children
   // embed - images, videos or other embeddable components, without children
-  // rich-text - editable text component
   // rich-text-child - formatted text fragment, not listed in components list
-  type: z.enum([
-    "container",
-    "control",
-    "embed",
-    "rich-text",
-    "rich-text-child",
-  ]),
+  type: z.enum(["container", "control", "embed", "rich-text-child"]),
   requiredAncestors: z.optional(z.array(z.string())),
   invalidAncestors: z.optional(z.array(z.string())),
   stylable: z.optional(z.boolean()),

package/src/context.tsx

@@ -3,12 +3,42 @@ import { createContext } from "react";
 import type { Assets } from "@webstudio-is/asset-uploader";
 import type { Pages, PropsByInstanceId } from "./props";
 
-export const ReactSdkContext = createContext<{
+export type Params = {
   renderer?: "canvas" | "preview";
-  propsByInstanceIdStore: ReadableAtom<PropsByInstanceId>;
-  assetsStore: ReadableAtom<Assets>;
-  pagesStore: ReadableAtom<Pages>;
-}>({
+  /**
+   * Base url ir base path for images with ending slash.
+   * Used for configuring image with different sizes.
+   * Concatinated with "name?width=&quality=&format=".
+   *
+   * For example
+   * /asset/image/ used by default in builder
+   * https://image-transform.wstd.io/cdn-cgi/image/
+   * https://webstudio.is/cdn-cgi/image/
+   */
+  imageBaseUrl: string;
+  /**
+   * Base url or base path for any asset with ending slash.
+   * Used to load assets like fonts or images in styles
+   * Concatinated with "name".
+   *
+   * For example
+   * /s/uploads/
+   * /asset/file/
+   * https://assets-dev.webstudio.is/
+   * https://assets.webstudio.is/
+   */
+  assetBaseUrl: string;
+};
+
+export const ReactSdkContext = createContext<
+  Params & {
+    propsByInstanceIdStore: ReadableAtom<PropsByInstanceId>;
+    assetsStore: ReadableAtom<Assets>;
+    pagesStore: ReadableAtom<Pages>;
+  }
+>({
+  imageBaseUrl: "/",
+  assetBaseUrl: "/",
   propsByInstanceIdStore: atom(new Map()),
   assetsStore: atom(new Map()),
   pagesStore: atom(new Map()),

package/src/css/normalize.ts

@@ -63,7 +63,18 @@ export const i = baseStyle;
 
 export const img = baseStyle;
 
-export const a = baseStyle;
+export const a = [
+  ...baseStyle,
+  {
+    property: "color",
+    value: { type: "rgb", r: 0, g: 0, b: 238, alpha: 1 },
+  },
+  {
+    state: ":visited",
+    property: "color",
+    value: { type: "rgb", r: 85, g: 26, b: 139, alpha: 1 },
+  },
+] satisfies Styles;
 export const li = baseStyle;
 export const ul = baseStyle;
 export const ol = baseStyle;

package/src/index.ts

@@ -18,4 +18,4 @@ export {
   usePropAsset,
   getInstanceIdFromComponentProps,
 } from "./props";
-export { ReactSdkContext } from "./context";
+export { type Params, ReactSdkContext } from "./context";

package/src/tree/create-elements-tree.tsx

@@ -4,7 +4,7 @@ import { Scripts, ScrollRestoration } from "@remix-run/react";
 import type { Assets } from "@webstudio-is/asset-uploader";
 import type { Instance, Instances } from "@webstudio-is/project-build";
 import type { Components } from "../components/components-utils";
-import { ReactSdkContext } from "../context";
+import { ReactSdkContext, type Params } from "../context";
 import type { Pages, PropsByInstanceId } from "../props";
 import type { WebstudioComponent } from "./webstudio-component";
 
@@ -12,6 +12,8 @@ type InstanceSelector = Instance["id"][];
 
 export const createElementsTree = ({
   renderer,
+  imageBaseUrl,
+  assetBaseUrl,
   instances,
   rootInstanceId,
   propsByInstanceIdStore,
@@ -19,8 +21,7 @@ export const createElementsTree = ({
   pagesStore,
   Component,
   components,
-}: {
-  renderer?: "canvas" | "preview";
+}: Params & {
   instances: Instances;
   rootInstanceId: Instance["id"];
   propsByInstanceIdStore: ReadableAtom<PropsByInstanceId>;
@@ -57,7 +58,14 @@ export const createElementsTree = ({
   });
   return (
     <ReactSdkContext.Provider
-      value={{ propsByInstanceIdStore, assetsStore, pagesStore, renderer }}
+      value={{
+        propsByInstanceIdStore,
+        assetsStore,
+        pagesStore,
+        renderer,
+        imageBaseUrl,
+        assetBaseUrl,
+      }}
     >
       {root}
     </ReactSdkContext.Provider>

package/src/tree/root.ts

@@ -4,9 +4,9 @@ import type { Build, Page } from "@webstudio-is/project-build";
 import type { Asset } from "@webstudio-is/asset-uploader";
 import { createElementsTree } from "./create-elements-tree";
 import { WebstudioComponent } from "./webstudio-component";
-import { setParams, type Params } from "../app/params";
 import { getPropsByInstanceId } from "../props";
 import type { Components } from "../components/components-utils";
+import type { Params } from "../context";
 
 export type Data = {
   page: Page;
@@ -31,8 +31,9 @@ export const InstanceRoot = ({
   Component,
   components,
 }: RootProps): JSX.Element | null => {
-  setParams(data.params);
   return createElementsTree({
+    imageBaseUrl: data.params?.imageBaseUrl ?? "/",
+    assetBaseUrl: data.params?.assetBaseUrl ?? "/",
     instances: new Map(data.build.instances),
     rootInstanceId: data.page.rootInstanceId,
     propsByInstanceIdStore: atom(

package/lib/app/params.js

@@ -1,13 +0,0 @@
-let params;
-const emptyParams = {
-  imageBaseUrl: "/",
-  assetBaseUrl: "/"
-};
-const getParams = () => params ?? emptyParams;
-const setParams = (newParams) => {
-  params = newParams;
-};
-export {
-  getParams,
-  setParams
-};

package/lib/cjs/app/params.js

@@ -1,33 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var params_exports = {};
-__export(params_exports, {
-  getParams: () => getParams,
-  setParams: () => setParams
-});
-module.exports = __toCommonJS(params_exports);
-let params;
-const emptyParams = {
-  imageBaseUrl: "/",
-  assetBaseUrl: "/"
-};
-const getParams = () => params ?? emptyParams;
-const setParams = (newParams) => {
-  params = newParams;
-};

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

@@ -1,27 +0,0 @@
-export type Params = {
-    /**
-     * Base url ir base path for images with ending slash.
-     * Used for configuring image with different sizes.
-     * Concatinated with "name?width=&quality=&format=".
-     *
-     * For example
-     * /asset/image/ used by default in builder
-     * https://image-transform.wstd.io/cdn-cgi/image/
-     * https://webstudio.is/cdn-cgi/image/
-     */
-    imageBaseUrl: string;
-    /**
-     * Base url or base path for any asset with ending slash.
-     * Used to load assets like fonts or images in styles
-     * Concatinated with "name".
-     *
-     * For example
-     * /s/uploads/
-     * /asset/file/
-     * https://assets-dev.webstudio.is/
-     * https://assets.webstudio.is/
-     */
-    assetBaseUrl: string;
-};
-export declare const getParams: () => Params;
-export declare const setParams: (newParams: undefined | Params) => void;

package/src/app/params.ts

@@ -1,38 +0,0 @@
-export type Params = {
-  /**
-   * Base url ir base path for images with ending slash.
-   * Used for configuring image with different sizes.
-   * Concatinated with "name?width=&quality=&format=".
-   *
-   * For example
-   * /asset/image/ used by default in builder
-   * https://image-transform.wstd.io/cdn-cgi/image/
-   * https://webstudio.is/cdn-cgi/image/
-   */
-  imageBaseUrl: string;
-  /**
-   * Base url or base path for any asset with ending slash.
-   * Used to load assets like fonts or images in styles
-   * Concatinated with "name".
-   *
-   * For example
-   * /s/uploads/
-   * /asset/file/
-   * https://assets-dev.webstudio.is/
-   * https://assets.webstudio.is/
-   */
-  assetBaseUrl: string;
-};
-
-let params: undefined | Params;
-
-const emptyParams: Params = {
-  imageBaseUrl: "/",
-  assetBaseUrl: "/",
-};
-
-export const getParams = (): Params => params ?? emptyParams;
-
-export const setParams = (newParams: undefined | Params) => {
-  params = newParams;
-};