@webstudio-is/react-sdk 0.0.0-017f1bd

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

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

package/lib/types/remix.d.ts

@@ -0,0 +1,20 @@
+/**
+ * transforms url pattern subset to remix route format
+ *
+ * /:name/ -> .$name. - named dynamic segment
+ * /:name?/ -> .($name). - optional dynamic segment
+ * /* -> .$ - splat in the end of pattern
+ * /:name* -> .$ - named splat which gets specified name at runtime
+ *
+ */
+export declare const generateRemixRoute: (pathname: string) => string;
+/**
+ * generates a function to convert remix params to compatible with url pattern groups
+ *
+ * for /:name* pattern
+ * params["*"] is replaced with params["name"]
+ *
+ * for /* pattern
+ * params["*"] is replaced with params[0]
+ */
+export declare const generateRemixParams: (pathname: string) => string;

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

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

package/lib/types/runtime.d.ts

@@ -0,0 +1,11 @@
+export * from "./context";
+export * from "./hook";
+export * from "./variable-state";
+export { PageSettingsMeta } from "./page-settings-meta";
+export { PageSettingsTitle } from "./page-settings-title";
+export { PageSettingsCanonicalLink } from "./page-settings-canonical-link";
+/**
+ * React has issues rendering certain elements, such as errors when a <link> element has children.
+ * To render XML, we wrap it with an <svg> tag and add a suffix to avoid React's default behavior on these elements.
+ */
+export declare const xmlNodeTagSuffix = "-ws-xml-node-fb77f896-8e96-40b9-b8f8-90a4e70d724a";

package/lib/types/variable-state.d.ts

@@ -0,0 +1,2 @@
+import { type Dispatch, type SetStateAction } from "react";
+export declare const useVariableState: <S>(initialState: S | (() => S)) => [S, Dispatch<SetStateAction<S>>];

package/package.json

@@ -0,0 +1,64 @@
+{
+  "name": "@webstudio-is/react-sdk",
+  "version": "0.0.0-017f1bd",
+  "description": "Webstudio JavaScript / TypeScript API",
+  "author": "Webstudio <github@webstudio.is>",
+  "homepage": "https://webstudio.is",
+  "type": "module",
+  "devDependencies": {
+    "@types/react": "^18.2.70",
+    "@types/react-dom": "^18.2.25",
+    "react": "18.3.0-canary-14898b6a9-20240318",
+    "react-dom": "18.3.0-canary-14898b6a9-20240318",
+    "strip-indent": "^4.0.0",
+    "type-fest": "^4.37.0",
+    "vitest": "^3.1.2",
+    "zod": "^3.24.2",
+    "@webstudio-is/template": "0.0.0-017f1bd",
+    "@webstudio-is/tsconfig": "1.0.7"
+  },
+  "peerDependencies": {
+    "react": "18.3.0-canary-14898b6a9-20240318",
+    "react-dom": "18.3.0-canary-14898b6a9-20240318",
+    "zod": "^3.19.1"
+  },
+  "dependencies": {
+    "change-case": "^5.4.4",
+    "html-tags": "^4.0.0",
+    "nanoid": "^5.1.5",
+    "@webstudio-is/css-engine": "0.0.0-017f1bd",
+    "@webstudio-is/fonts": "0.0.0-017f1bd",
+    "@webstudio-is/image": "0.0.0-017f1bd",
+    "@webstudio-is/icons": "^0.0.0-017f1bd",
+    "@webstudio-is/sdk": "0.0.0-017f1bd"
+  },
+  "exports": {
+    ".": {
+      "webstudio": "./src/index.ts",
+      "types": "./lib/types/index.d.ts",
+      "import": "./lib/index.js"
+    },
+    "./runtime": {
+      "webstudio": "./src/runtime.ts",
+      "types": "./lib/types/runtime.d.ts",
+      "import": "./lib/runtime.js"
+    },
+    "./placeholder": {
+      "types": "./placeholder.d.ts"
+    }
+  },
+  "files": [
+    "lib/*",
+    "./placeholder.d.ts",
+    "!*.{test,stories}.*"
+  ],
+  "license": "AGPL-3.0-or-later",
+  "private": false,
+  "sideEffects": false,
+  "scripts": {
+    "build": "rm -rf lib && esbuild src/index.ts src/runtime.ts --outdir=lib --bundle --format=esm --packages=external",
+    "dts": "tsc --project tsconfig.dts.json",
+    "typecheck": "tsc",
+    "test": "vitest run"
+  }
+}

package/placeholder.d.ts

@@ -0,0 +1,64 @@
+declare module "__CONSTANTS__" {
+  import type { ImageLoader, VideoLoader } from "@webstudio-is/image";
+  export const assetBaseUrl: string;
+  export const imageLoader: ImageLoader;
+  export const videoLoader: undefined | VideoLoader;
+}
+
+declare module "__CLIENT__" {
+  import type { ResourceRequest, System } from "@webstudio-is/sdk";
+
+  export const projectId: string;
+
+  export const lastPublished: string;
+
+  export const siteName: string;
+
+  export const favIconAsset: string | undefined;
+
+  export const breakpoints: {
+    id: string;
+    minWidth?: number;
+    maxWidth?: number;
+  }[];
+
+  // Font assets on current page (can be preloaded)
+  export const pageFontAssets: string[];
+
+  export const pageBackgroundImageAssets: string[];
+
+  export const CustomCode: () => ReactNode;
+
+  export const Page: (props: { system: System }) => ReactNode;
+}
+
+declare module "__SERVER__" {
+  import type { PageMeta, System, ResourceRequest } from "@webstudio-is/sdk";
+
+  export const getResources: (props: { system: System }) => {
+    data: Map<string, ResourceRequest>;
+    action: Map<string, ResourceRequest>;
+  };
+
+  export const getPageMeta: (props: {
+    system: System;
+    resources: Record<string, any>;
+  }) => PageMeta;
+
+  type Params = Record<string, string | undefined>;
+  export const getRemixParams: ({ ...params }: Params) => Params;
+
+  export const contactEmail: undefined | string;
+}
+
+declare module "__SITEMAP__" {
+  export const sitemap: Array<{
+    path: string;
+    lastModified: string;
+  }>;
+}
+
+declare module "__REDIRECT__" {
+  export const url: string;
+  export const status: number;
+}