move canvasDocument to react-sdk

apps/designer/app/routes/canvas/$projectId.tsx

@@ -5,7 +5,7 @@ import { loadCanvasData, type ErrorData, type CanvasData } from "~/shared/db";
 import env, { Env } from "~/env.server";
 import { ErrorMessage } from "~/shared/error";
 import { sentryException } from "~/shared/sentry";
-import { Canvas as CanvasDocument } from "~/shared/documents/canvas";
+import { Canvas as CanvasDocument } from "@webstudio-is/react-sdk";
 
 type Data = (CanvasData | ErrorData) & { env: Env };
 

apps/designer/app/routes/index.tsx

@@ -1,9 +1,12 @@
 import { type LoaderFunction, redirect } from "@remix-run/node";
 import { useLoaderData } from "@remix-run/react";
-import { type Data, Root } from "@webstudio-is/react-sdk";
+import {
+  type Data,
+  Root,
+  Canvas as CanvasDocument,
+} from "@webstudio-is/react-sdk";
 import config from "~/config";
 import { db } from "@webstudio-is/project";
-import { Canvas as CanvasDocument } from "~/shared/documents/canvas";
 import env, { Env } from "~/env.server";
 
 // @todo all this subdomain logic is very hacky

apps/designer/app/routes/preview/$projectId.tsx

@@ -2,7 +2,7 @@ import { useLoaderData } from "@remix-run/react";
 import type { LoaderFunction, MetaFunction } from "@remix-run/node";
 import { Root } from "@webstudio-is/react-sdk";
 import { loadPreviewData, type PreviewData, type ErrorData } from "~/shared/db";
-import { Canvas as CanvasDocument } from "~/shared/documents/canvas";
+import { Canvas as CanvasDocument } from "@webstudio-is/react-sdk";
 import env, { Env } from "~/env.server";
 
 export const meta: MetaFunction = () => {

packages/react-sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/react-sdk",
-  "version": "0.5.1",
+  "version": "0.6.1",
   "description": "Webstudio JavaScript / TypeScript API",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",

packages/react-sdk/src/canvas/canvas.tsx

@@ -1,5 +1,5 @@
 import { Links, Meta, Outlet as DefaultOutlet } from "@remix-run/react";
-import { CriticalCss } from "@webstudio-is/react-sdk";
+import { CriticalCss } from "..";
 
 /**
  * We are using Outlet prop from index layout when user renders site from a subdomain.

packages/react-sdk/src/canvas/index.ts

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

packages/react-sdk/src/index.ts

@@ -6,3 +6,4 @@ export * as componentsMeta from "./components/meta";
 export * from "./user-props";
 export * from "./pubsub";
 export * from "./db";
+export * from "./canvas";