slice-machine-ui 1.22.2-beta.2 → 1.22.2-beta.4

package/out/slices/[lib]/[sliceName]/[variation]/simulator.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f14c7e60f2a0f2b2.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-9f66499125869c64.js" defer=""></script><script src="/_next/static/chunks/505-fa47e200ac3a012d.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-7b17cb59d0db03b5.js" defer=""></script><script src="/_next/static/I-f60KuCY16vDTHxw5C1M/_buildManifest.js" defer=""></script><script src="/_next/static/I-f60KuCY16vDTHxw5C1M/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"I-f60KuCY16vDTHxw5C1M","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-fca2e4fe93f03a98.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/72585f70-28b4d7d5384b3703.js" defer=""></script><script src="/_next/static/chunks/18539003-9f66499125869c64.js" defer=""></script><script src="/_next/static/chunks/505-fa47e200ac3a012d.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D/simulator-7b17cb59d0db03b5.js" defer=""></script><script src="/_next/static/vfJSjXv_R8bY0uRy0curh/_buildManifest.js" defer=""></script><script src="/_next/static/vfJSjXv_R8bY0uRy0curh/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]/simulator","query":{},"buildId":"vfJSjXv_R8bY0uRy0curh","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/slices/[lib]/[sliceName]/[variation].html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.css" data-n-g=""/><link rel="preload" href="/_next/static/css/77abb01eee0e43a7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/77abb01eee0e43a7.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f14c7e60f2a0f2b2.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/958-0a6a103fac00582b.js" defer=""></script><script src="/_next/static/chunks/80-7b8a97d0122ff74a.js" defer=""></script><script src="/_next/static/chunks/482-7e97f91961588a90.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-8ba4b47fe4cf636a.js" defer=""></script><script src="/_next/static/I-f60KuCY16vDTHxw5C1M/_buildManifest.js" defer=""></script><script src="/_next/static/I-f60KuCY16vDTHxw5C1M/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"I-f60KuCY16vDTHxw5C1M","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.css" data-n-g=""/><link rel="preload" href="/_next/static/css/77abb01eee0e43a7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/77abb01eee0e43a7.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-fca2e4fe93f03a98.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/958-0a6a103fac00582b.js" defer=""></script><script src="/_next/static/chunks/80-7b8a97d0122ff74a.js" defer=""></script><script src="/_next/static/chunks/482-7e97f91961588a90.js" defer=""></script><script src="/_next/static/chunks/pages/slices/%5Blib%5D/%5BsliceName%5D/%5Bvariation%5D-b8ba10692507ef6f.js" defer=""></script><script src="/_next/static/vfJSjXv_R8bY0uRy0curh/_buildManifest.js" defer=""></script><script src="/_next/static/vfJSjXv_R8bY0uRy0curh/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices/[lib]/[sliceName]/[variation]","query":{},"buildId":"vfJSjXv_R8bY0uRy0curh","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/out/slices.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.css" data-n-g=""/><link rel="preload" href="/_next/static/css/cb33580e45d01b59.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb33580e45d01b59.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-f14c7e60f2a0f2b2.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/958-0a6a103fac00582b.js" defer=""></script><script src="/_next/static/chunks/80-7b8a97d0122ff74a.js" defer=""></script><script src="/_next/static/chunks/pages/slices-ed1190d3d37a63fd.js" defer=""></script><script src="/_next/static/I-f60KuCY16vDTHxw5C1M/_buildManifest.js" defer=""></script><script src="/_next/static/I-f60KuCY16vDTHxw5C1M/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"I-f60KuCY16vDTHxw5C1M","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/29d73729eff3b961.css" as="style"/><link rel="stylesheet" href="/_next/static/css/29d73729eff3b961.css" data-n-g=""/><link rel="preload" href="/_next/static/css/cb33580e45d01b59.css" as="style"/><link rel="stylesheet" href="/_next/static/css/cb33580e45d01b59.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-fca2e4fe93f03a98.js" defer=""></script><script src="/_next/static/chunks/c8eae200-966ce352f7b5d2b9.js" defer=""></script><script src="/_next/static/chunks/958-0a6a103fac00582b.js" defer=""></script><script src="/_next/static/chunks/80-7b8a97d0122ff74a.js" defer=""></script><script src="/_next/static/chunks/pages/slices-884a936a9a062a65.js" defer=""></script><script src="/_next/static/vfJSjXv_R8bY0uRy0curh/_buildManifest.js" defer=""></script><script src="/_next/static/vfJSjXv_R8bY0uRy0curh/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/slices","query":{},"buildId":"vfJSjXv_R8bY0uRy0curh","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slice-machine-ui",
-  "version": "1.22.2-beta.2",
+  "version": "1.22.2-beta.4",
   "license": "MIT",
   "description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
   "repository": {
@@ -32,8 +32,8 @@
   },
   "dependencies": {
     "@radix-ui/react-visually-hidden": "1.0.3",
-    "@slicemachine/manager": "0.17.6-beta.2",
-    "start-slicemachine": "0.12.12-beta.2"
+    "@slicemachine/manager": "0.17.6-beta.4",
+    "start-slicemachine": "0.12.12-beta.4"
   },
   "devDependencies": {
     "@emotion/react": "11.11.1",

package/src/components/PageLayout/PageLayout.tsx

@@ -4,11 +4,11 @@ import clsx from "clsx";
 import * as styles from "./PageLayout.css";
 
 type PageLayoutProps = PropsWithChildren<{
-  borderTopColor?: keyof typeof styles.borderTopColor;
+  borderTopColor: keyof typeof styles.borderTopColor;
 }>;
 
 export const PageLayout: FC<PageLayoutProps> = ({
-  borderTopColor = "purple",
+  borderTopColor,
   children,
   ...otherProps
 }) => (

package/src/features/customTypes/customTypesTable/CustomTypesTablePage.tsx

@@ -89,7 +89,7 @@ export const CustomTypesTablePage: FC<CustomTypesTablePageProps> = ({
             </AppLayout>
           }
         >
-          <AppLayout data-cy="app-layout">
+          <AppLayout>
             <AppLayoutHeader>
               <AppLayoutBreadcrumb
                 folder={customTypesMessages.name({

package/src/features/environments/actions/getActiveEnvironment.ts

@@ -0,0 +1,34 @@
+import {
+  Environment,
+  isInvalidActiveEnvironmentError,
+} from "@slicemachine/manager/client";
+
+import { managerClient } from "@src/managerClient";
+
+type GetActiveEnvironmentReturnType =
+  | {
+      activeEnvironment: Environment;
+      error?: undefined;
+    }
+  | {
+      activeEnvironment?: undefined;
+      error: unknown;
+    };
+
+export async function getActiveEnvironment(): Promise<GetActiveEnvironmentReturnType> {
+  try {
+    const { activeEnvironment } =
+      await managerClient.project.fetchActiveEnvironment();
+
+    return { activeEnvironment };
+  } catch (error) {
+    if (isInvalidActiveEnvironmentError(error)) {
+      // Reset to the production environment.
+      await managerClient.project.updateEnvironment({ environment: undefined });
+
+      return await getActiveEnvironment();
+    }
+
+    return { error };
+  }
+}

package/src/features/environments/actions/getEnvironments.ts

@@ -2,8 +2,11 @@ import { managerClient } from "@src/managerClient";
 
 export async function getEnvironments() {
   try {
-    return await managerClient.prismicRepository.fetchEnvironments();
+    const { environments } =
+      await managerClient.prismicRepository.fetchEnvironments();
+
+    return { environments };
   } catch (error) {
-    throw error;
+    return { error };
   }
 }

package/src/features/environments/actions/setEnvironment.ts

@@ -4,7 +4,7 @@ import { Environment } from "@slicemachine/manager/client";
 import { getLegacySliceMachineState } from "@src/features/legacyState/actions/getLegacySliceMachineState";
 import { managerClient } from "@src/managerClient";
 
-import { getActiveEnvironmentDomain } from "./getActiveEnvironmentDomain";
+import { getActiveEnvironment } from "./getActiveEnvironment";
 
 export async function setEnvironment(
   environment: Pick<Environment, "domain">,
@@ -13,6 +13,6 @@ export async function setEnvironment(
     environment: environment.domain,
   });
 
-  revalidateData(getActiveEnvironmentDomain, []);
+  revalidateData(getActiveEnvironment, []);
   revalidateData(getLegacySliceMachineState, []);
 }

package/src/features/environments/useActiveEnvironment.ts

@@ -1,38 +1,7 @@
 import { useRequest } from "@prismicio/editor-support/Suspense";
 
-import { getActiveEnvironmentDomain } from "./actions/getActiveEnvironmentDomain";
-import { useEnvironments } from "./useEnvironments";
+import { getActiveEnvironment } from "./actions/getActiveEnvironment";
 
 export function useActiveEnvironment() {
-  const { environments, error: useEnvironmentsError } = useEnvironments();
-  const { activeEnvironmentDomain, error: getActiveEnvironmentError } =
-    useRequest(getActiveEnvironmentDomain, []);
-
-  if (useEnvironmentsError !== undefined) {
-    return { error: useEnvironmentsError };
-  }
-
-  if (getActiveEnvironmentError !== undefined) {
-    return { error: getActiveEnvironmentError };
-  }
-
-  const activeEnvironment = environments?.find((environment) => {
-    if (activeEnvironmentDomain === undefined) {
-      return environment.kind === "prod";
-    }
-
-    return environment.domain === activeEnvironmentDomain;
-  });
-
-  if (!activeEnvironment) {
-    return {
-      error: new Error(
-        `The active environment (${
-          activeEnvironmentDomain ?? "Production"
-        }) does not match one of the repository's environments.`,
-      ),
-    };
-  }
-
-  return { activeEnvironment };
+  return useRequest(getActiveEnvironment, []);
 }

package/src/features/environments/actions/getActiveEnvironmentDomain.ts

@@ -1,11 +0,0 @@
-import { managerClient } from "@src/managerClient";
-
-export async function getActiveEnvironmentDomain() {
-  try {
-    const { environment } = await managerClient.project.readEnvironment();
-
-    return { activeEnvironmentDomain: environment };
-  } catch (error) {
-    return { error };
-  }
-}