slice-machine-ui 1.26.1-beta.8 → 2.0.0

package/{lib → src/legacy/lib}/utils/index.ts

@@ -1,11 +1,10 @@
+import { FieldType } from "@prismicio/types-internal/lib/customtypes";
+import { DropResult } from "react-beautiful-dnd";
 import * as yup from "yup";
 
-import { Widget } from "../models/common/widgets/Widget";
-
-import { DefaultFields } from "../forms/defaults";
 import { createInitialValues, createValidationSchema } from "../forms";
-import { FieldType } from "@prismicio/types-internal/lib/customtypes";
-import { DropResult } from "react-beautiful-dnd";
+import { DefaultFields } from "../forms/defaults";
+import { Widget } from "../models/common/widgets/Widget";
 
 export const removeProp = (obj: { [x: string]: unknown }, prop: string) => {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars

package/{lib → src/legacy/lib}/utils/shared/customTypes.ts

@@ -1,4 +1,4 @@
-import { CustomTypeSM } from "@lib/models/common/CustomType";
+import { CustomTypeSM } from "@/legacy/lib/models/common/CustomType";
 
 export const filterSliceFromCustomType = <T extends CustomTypeSM | undefined>(
   ct: T,

package/src/modules/availableCustomTypes/index.ts

@@ -1,22 +1,24 @@
+import { omit } from "lodash";
 import { Reducer } from "redux";
-import { AvailableCustomTypesStoreType } from "./types";
 import { ActionType, createAction, getType } from "typesafe-actions";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { refreshStateCreator } from "@src/modules/environment";
-import { CustomTypeSM } from "@lib/models/common/CustomType";
+
+import { CustomTypeSM } from "@/legacy/lib/models/common/CustomType";
+import {
+  hasLocal,
+  hasLocalAndRemote,
+  LocalOrRemoteCustomType,
+  RemoteOnlyCustomType,
+} from "@/legacy/lib/models/common/ModelData";
 import {
   normalizeFrontendCustomType,
   normalizeFrontendCustomTypes,
-} from "@lib/models/common/normalizers/customType";
-import { omit } from "lodash";
+} from "@/legacy/lib/models/common/normalizers/customType";
+import { filterSliceFromCustomType } from "@/legacy/lib/utils/shared/customTypes";
+import { refreshStateCreator } from "@/modules/environment";
+import { SliceMachineStoreType } from "@/redux/type";
+
 import { sliceDeleteSuccess } from "../slices";
-import { filterSliceFromCustomType } from "@lib/utils/shared/customTypes";
-import {
-  LocalOrRemoteCustomType,
-  RemoteOnlyCustomType,
-  hasLocal,
-  hasLocalAndRemote,
-} from "@lib/models/common/ModelData";
+import { AvailableCustomTypesStoreType } from "./types";
 
 // Action Creators
 export const customTypeSaveSuccess = createAction("CUSTOM_TYPE/SAVE_SUCCESS")<{

package/src/modules/availableCustomTypes/types.ts

@@ -1,5 +1,5 @@
-import { CustomTypeSM } from "@lib/models/common/CustomType";
-import { LocalOrRemoteCustomType } from "@lib/models/common/ModelData";
+import { CustomTypeSM } from "@/legacy/lib/models/common/CustomType";
+import { LocalOrRemoteCustomType } from "@/legacy/lib/models/common/ModelData";
 
 export type AvailableCustomTypesStoreType = Readonly<
   Record<CustomTypeSM["id"], LocalOrRemoteCustomType>

package/src/modules/environment/index.ts

@@ -1,14 +1,16 @@
+import type { APIEndpoints, PackageManager } from "@slicemachine/manager";
 import { Reducer } from "redux";
-import { EnvironmentStoreType } from "./types";
 import { ActionType, createAction, getType } from "typesafe-actions";
-import type { PackageManager, APIEndpoints } from "@slicemachine/manager";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { FrontEndEnvironment } from "@models/common/Environment";
-import { LibraryUI } from "@models/common/LibraryUI";
-import { SliceSM } from "@lib/models/common/Slice";
-import { CustomTypeSM } from "@lib/models/common/CustomType";
-import ErrorWithStatus from "@lib/models/common/ErrorWithStatus";
+
+import { CustomTypeSM } from "@/legacy/lib/models/common/CustomType";
+import { FrontEndEnvironment } from "@/legacy/lib/models/common/Environment";
+import ErrorWithStatus from "@/legacy/lib/models/common/ErrorWithStatus";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { SliceSM } from "@/legacy/lib/models/common/Slice";
+import { SliceMachineStoreType } from "@/redux/type";
+
 import { AuthStatus } from "../userContext/types";
+import { EnvironmentStoreType } from "./types";
 
 // Action Creators
 export const refreshStateCreator = createAction("STATE/REFRESH.RESPONSE")<{

package/src/modules/environment/types.ts

@@ -1,3 +1,3 @@
-import { FrontEndEnvironment } from "@lib/models/common/Environment";
+import { FrontEndEnvironment } from "@/legacy/lib/models/common/Environment";
 
 export type EnvironmentStoreType = FrontEndEnvironment;

package/src/modules/loading/index.ts

@@ -1,9 +1,10 @@
-import { Reducer } from "redux";
 import mapValues from "lodash/mapValues";
+import { Reducer } from "redux";
 import { SliceMachineStoreType } from "src/redux/type";
-import { LoadingStoreType, LoadingKeysEnum } from "./types";
 import { ActionType, createAction, getType } from "typesafe-actions";
 
+import { LoadingKeysEnum, LoadingStoreType } from "./types";
+
 export const initialState: LoadingStoreType = {
   ...(mapValues(LoadingKeysEnum, () => false) as Record<
     LoadingKeysEnum,

package/src/modules/modal/index.ts

@@ -1,8 +1,10 @@
 import mapValues from "lodash/mapValues";
 import { Reducer } from "redux";
-import { SliceMachineStoreType } from "@src/redux/type";
 import { ActionType, createAction, getType } from "typesafe-actions";
-import { ModalStoreType, ModalKeysEnum } from "./types";
+
+import { SliceMachineStoreType } from "@/redux/type";
+
+import { ModalKeysEnum, ModalStoreType } from "./types";
 
 export const initialState: ModalStoreType = {
   ...(mapValues(ModalKeysEnum, () => false) as Record<ModalKeysEnum, boolean>),

package/src/modules/slices/index.ts

@@ -1,15 +1,19 @@
-import { ActionType, createAction, getType } from "typesafe-actions";
 import { Reducer } from "redux";
+import { ActionType, createAction, getType } from "typesafe-actions";
+
+import { SaveSliceMockRequest } from "@/apiClient";
+import {
+  ComponentUI,
+  ScreenshotUI,
+} from "@/legacy/lib/models/common/ComponentUI";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { LocalOrRemoteSlice } from "@/legacy/lib/models/common/ModelData";
+import { normalizeFrontendSlices } from "@/legacy/lib/models/common/normalizers/slices";
+import { SliceSM } from "@/legacy/lib/models/common/Slice";
+import { refreshStateCreator } from "@/modules/environment";
+import { SliceMachineStoreType } from "@/redux/type";
 
-import { LocalOrRemoteSlice } from "@lib/models/common/ModelData";
-import { normalizeFrontendSlices } from "@lib/models/common/normalizers/slices";
-import { SliceSM } from "@lib/models/common/Slice";
-import { LibraryUI } from "@models/common/LibraryUI";
-import { SaveSliceMockRequest } from "@src/apiClient";
-import { refreshStateCreator } from "@src/modules/environment";
-import { SliceMachineStoreType } from "@src/redux/type";
 import { SlicesStoreType } from "./types";
-import { ComponentUI, ScreenshotUI } from "@lib/models/common/ComponentUI";
 
 // Action Creators
 export const sliceCreateSuccess = createAction("SLICES/CREATE_SUCCESS")<{

package/src/modules/slices/selector.ts

@@ -1,4 +1,4 @@
-import { SliceMachineStoreType } from "@src/redux/type";
+import { SliceMachineStoreType } from "@/redux/type";
 
 import { getLibraries } from "./index";
 

package/src/modules/slices/types.ts

@@ -1,5 +1,5 @@
-import { LibraryUI } from "@models/common/LibraryUI";
-import { SliceSM } from "@lib/models/common/Slice";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { SliceSM } from "@/legacy/lib/models/common/Slice";
 
 export type SlicesStoreType = {
   libraries: ReadonlyArray<LibraryUI>;

package/src/modules/useSliceMachineActions.ts

@@ -1,39 +1,44 @@
+import { CustomType } from "@prismicio/types-internal/lib/customtypes";
 import { useDispatch } from "react-redux";
-import { LoadingKeysEnum } from "./loading/types";
-import { ModalKeysEnum } from "./modal/types";
-import { modalCloseCreator, modalOpenCreator } from "./modal";
-import { startLoadingActionCreator, stopLoadingActionCreator } from "./loading";
+
+import { SaveSliceMockRequest } from "@/apiClient";
 import {
-  sendAReviewCreator,
-  skipReviewCreator,
-  hasSeenTutorialsToolTipCreator,
-  hasSeenSimulatorToolTipCreator,
-  hasSeenChangesToolTipCreator,
-  changesPushSuccess,
-} from "./userContext";
-import { refreshStateCreator } from "./environment";
-import ServerState from "@models/server/ServerState";
+  ComponentUI,
+  ScreenshotUI,
+} from "@/legacy/lib/models/common/ComponentUI";
+import { CustomTypes } from "@/legacy/lib/models/common/CustomType";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { SliceSM } from "@/legacy/lib/models/common/Slice";
+import ServerState from "@/legacy/lib/models/server/ServerState";
+
 import {
   customTypeCreateSuccess,
   customTypeDeleteSuccess,
   customTypeRenameSuccess,
   customTypeSaveSuccess,
 } from "./availableCustomTypes";
+import { refreshStateCreator } from "./environment";
+import { startLoadingActionCreator, stopLoadingActionCreator } from "./loading";
+import { LoadingKeysEnum } from "./loading/types";
+import { modalCloseCreator, modalOpenCreator } from "./modal";
+import { ModalKeysEnum } from "./modal/types";
 import {
   sliceCreateSuccess,
   sliceDeleteSuccess,
   sliceGenerateCustomScreenshotSuccess,
-  sliceUpdateSuccess,
   sliceRenameSuccess,
   sliceUpdateMockSuccess,
+  sliceUpdateSuccess,
 } from "./slices";
+import {
+  changesPushSuccess,
+  hasSeenChangesToolTipCreator,
+  hasSeenSimulatorToolTipCreator,
+  hasSeenTutorialsToolTipCreator,
+  sendAReviewCreator,
+  skipReviewCreator,
+} from "./userContext";
 import { UserReviewType } from "./userContext/types";
-import { CustomTypes } from "@lib/models/common/CustomType";
-import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-import { ComponentUI, ScreenshotUI } from "../../lib/models/common/ComponentUI";
-import { LibraryUI } from "@lib/models/common/LibraryUI";
-import { SliceSM } from "@lib/models/common/Slice";
-import { SaveSliceMockRequest } from "@src/apiClient";
 
 const useSliceMachineActions = () => {
   const dispatch = useDispatch();

package/src/modules/userContext/index.ts

@@ -1,14 +1,16 @@
 import { Reducer } from "redux";
-import { SliceMachineStoreType } from "@src/redux/type";
 import { ActionType, createAction, getType } from "typesafe-actions";
+
+import ErrorWithStatus from "@/legacy/lib/models/common/ErrorWithStatus";
 import {
   AuthStatus,
   UserContextStoreType,
   UserReviewState,
   UserReviewType,
-} from "@src/modules/userContext/types";
+} from "@/modules/userContext/types";
+import { SliceMachineStoreType } from "@/redux/type";
+
 import { refreshStateCreator } from "../environment";
-import ErrorWithStatus from "@lib/models/common/ErrorWithStatus";
 
 // NOTE: Be careful every key written in this store is persisted in the localstorage
 

package/{pages → src/pages}/_app.tsx

@@ -3,16 +3,15 @@ import "react-datepicker/dist/react-datepicker.css";
 import "react-tabs/style/react-tabs.css";
 import "react-toastify/dist/ReactToastify.css";
 import "rc-drawer/assets/index.css";
-
-import "@src/styles/drawer.css";
-import "@src/styles/globals.css";
-import "@src/styles/hljs.css";
-import "@src/styles/intercom.css";
-import "@src/styles/keyframes.css";
-import "@src/styles/modal.css";
-import "@src/styles/starry-night.css";
-import "@src/styles/tabs.css";
-import "@src/styles/toaster.css";
+import "@/styles/drawer.css";
+import "@/styles/globals.css";
+import "@/styles/hljs.css";
+import "@/styles/intercom.css";
+import "@/styles/keyframes.css";
+import "@/styles/modal.css";
+import "@/styles/starry-night.css";
+import "@/styles/tabs.css";
+import "@/styles/toaster.css";
 
 import {
   Box,
@@ -26,27 +25,26 @@ import type { AppContext, AppInitialProps } from "next/app";
 import dynamic from "next/dynamic";
 import Head from "next/head";
 import Router from "next/router";
-import { type FC, type ReactNode, useEffect, useState, Suspense } from "react";
+import { type FC, type ReactNode, Suspense, useEffect, useState } from "react";
 import { Provider } from "react-redux";
 import type { Store } from "redux";
 import type { Persistor } from "redux-persist/es/types";
 import { PersistGate } from "redux-persist/integration/react";
 import { ThemeProvider as ThemeUIThemeProvider, useThemeUI } from "theme-ui";
 
-import { InAppGuideProvider } from "@src/features/inAppGuide/InAppGuideContext";
-import { InAppGuideDialog } from "@src/features/inAppGuide/InAppGuideDialog";
-import { AutoSyncProvider } from "@src/features/sync/AutoSyncProvider";
-import { ErrorBoundary } from "@src/ErrorBoundary";
-
-import SliceMachineApp from "../components/App";
-import LoadingPage from "../components/LoadingPage";
-import ToastContainer from "../components/ToasterContainer";
-import { normalizeFrontendCustomTypes } from "../lib/models/common/normalizers/customType";
-import type ServerState from "../lib/models/server/ServerState";
-import { RouteChangeProvider } from "../src/hooks/useRouteChange";
-import configureStore from "../src/redux/store";
-import { getState } from "../src/apiClient";
-import theme from "../src/theme";
+import { getState } from "@/apiClient";
+import { ErrorBoundary } from "@/ErrorBoundary";
+import { InAppGuideProvider } from "@/features/inAppGuide/InAppGuideContext";
+import { InAppGuideDialog } from "@/features/inAppGuide/InAppGuideDialog";
+import { AutoSyncProvider } from "@/features/sync/AutoSyncProvider";
+import { RouteChangeProvider } from "@/hooks/useRouteChange";
+import SliceMachineApp from "@/legacy/components/App";
+import LoadingPage from "@/legacy/components/LoadingPage";
+import ToastContainer from "@/legacy/components/ToasterContainer";
+import { normalizeFrontendCustomTypes } from "@/legacy/lib/models/common/normalizers/customType";
+import type ServerState from "@/legacy/lib/models/server/ServerState";
+import configureStore from "@/redux/store";
+import theme from "@/theme";
 
 type NextPageWithLayout = NextPage & {
   CustomLayout?: React.FC<{ children: ReactNode }>;

package/{pages → src/pages}/changelog.tsx

@@ -1,6 +1,6 @@
 import Head from "next/head";
 
-import Changelog from "@components/Changelog";
+import Changelog from "@/legacy/components/Changelog";
 
 export default function ChangelogPage() {
   return (

package/{pages → src/pages}/changes.tsx

@@ -1,34 +1,37 @@
+import { PushChangesLimit } from "@slicemachine/manager";
+import Head from "next/head";
+import { useRouter } from "next/router";
 import React, { useEffect, useMemo, useState } from "react";
 import { toast } from "react-toastify";
-import Head from "next/head";
 import { BaseStyles } from "theme-ui";
-import { useRouter } from "next/router";
 
+import { getState } from "@/apiClient";
+import { BreadcrumbItem } from "@/components/Breadcrumb";
+import { NoChangesBlankSlate } from "@/features/changes/BlankSlates";
+import { PushChangesButton } from "@/features/changes/PushChangesButton";
+import { pushChanges } from "@/features/sync/actions/pushChanges";
+import { useAutoSync } from "@/features/sync/AutoSyncProvider";
+import { useUnSyncChanges } from "@/features/sync/useUnSyncChanges";
+import { useAuthStatus } from "@/hooks/useAuthStatus";
+import { useNetwork } from "@/hooks/useNetwork";
 import {
   AppLayout,
   AppLayoutActions,
   AppLayoutBreadcrumb,
   AppLayoutContent,
   AppLayoutHeader,
-} from "@components/AppLayout";
-import { ChangesItems } from "@components/ChangesItems";
-import { AuthErrorPage, OfflinePage } from "@components/ChangesEmptyState";
-import { BreadcrumbItem } from "@src/components/Breadcrumb";
-import { NoChangesBlankSlate } from "@src/features/changes/BlankSlates";
-import { PushChangesButton } from "@src/features/changes/PushChangesButton";
-import { AuthStatus } from "@src/modules/userContext/types";
-import useSliceMachineActions from "@src/modules/useSliceMachineActions";
+} from "@/legacy/components/AppLayout";
+import {
+  AuthErrorPage,
+  OfflinePage,
+} from "@/legacy/components/ChangesEmptyState";
+import { ChangesItems } from "@/legacy/components/ChangesItems";
 import {
-  SoftDeleteDocumentsDrawer,
   HardDeleteDocumentsDrawer,
-} from "@components/DeleteDocumentsDrawer";
-import { PushChangesLimit } from "@slicemachine/manager";
-import { getState } from "@src/apiClient";
-import { pushChanges } from "@src/features/sync/actions/pushChanges";
-import { useUnSyncChanges } from "@src/features/sync/useUnSyncChanges";
-import { useNetwork } from "@src/hooks/useNetwork";
-import { useAuthStatus } from "@src/hooks/useAuthStatus";
-import { useAutoSync } from "@src/features/sync/AutoSyncProvider";
+  SoftDeleteDocumentsDrawer,
+} from "@/legacy/components/DeleteDocumentsDrawer";
+import { AuthStatus } from "@/modules/userContext/types";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
 
 const Changes: React.FunctionComponent = () => {
   const {

package/src/pages/custom-types/[customTypeId].tsx

@@ -0,0 +1 @@
+export { CustomTypesBuilderPage as default } from "@/features/customTypes/customTypesBuilder/CustomTypesBuilderPage";

package/{pages → src/pages}/custom-types.tsx

@@ -1,6 +1,6 @@
 import { type FC } from "react";
 
-import { CustomTypesTablePage as CustomTypesTablePageTemplate } from "@src/features/customTypes/customTypesTable/CustomTypesTablePage";
+import { CustomTypesTablePage as CustomTypesTablePageTemplate } from "@/features/customTypes/customTypesTable/CustomTypesTablePage";
 
 const CustomTypesTablePage: FC = () => {
   return <CustomTypesTablePageTemplate format="custom" />;

package/{pages → src/pages}/index.tsx

@@ -1,8 +1,8 @@
 import { type FC } from "react";
 
-import { CustomTypesTablePage as CustomTypesTablePageTemplate } from "@src/features/customTypes/customTypesTable/CustomTypesTablePage";
-import { PageTypeOnboarding } from "@src/features/customTypes/PageTypeOnboarding";
-import { useIsEmptyProject } from "@src/hooks/useIsEmptyProject";
+import { CustomTypesTablePage as CustomTypesTablePageTemplate } from "@/features/customTypes/customTypesTable/CustomTypesTablePage";
+import { PageTypeOnboarding } from "@/features/customTypes/PageTypeOnboarding";
+import { useIsEmptyProject } from "@/hooks/useIsEmptyProject";
 
 const PageTypesTablePage: FC = () => {
   const isEmptyProject = useIsEmptyProject();

package/src/pages/labs.tsx

@@ -0,0 +1 @@
+export { LabsPage as default } from "@/features/labs/labsList/LabsPage";

package/src/pages/page-types/[pageTypeId].tsx

@@ -0,0 +1 @@
+export { CustomTypesBuilderPage as default } from "@/features/customTypes/customTypesBuilder/CustomTypesBuilderPage";

package/src/pages/settings.tsx

@@ -0,0 +1 @@
+export { SettingsPage as default } from "@/features/settings/SettingsPage";

package/{pages → src/pages}/slices/[lib]/[sliceName]/[variation]/index.tsx

@@ -1,9 +1,9 @@
 import Head from "next/head";
 import { useRouter } from "next/router";
 
-import SliceBuilder from "@lib/builders/SliceBuilder";
-import { SliceBuilderProvider } from "@src/features/slices/sliceBuilder/SliceBuilderProvider";
-import useCurrentSlice from "@src/hooks/useCurrentSlice";
+import { SliceBuilderProvider } from "@/features/slices/sliceBuilder/SliceBuilderProvider";
+import useCurrentSlice from "@/hooks/useCurrentSlice";
+import SliceBuilder from "@/legacy/lib/builders/SliceBuilder";
 
 export default function SlicePage() {
   const router = useRouter();

package/{pages → src/pages}/slices/[lib]/[sliceName]/[variation]/simulator.tsx

@@ -1,8 +1,8 @@
 import Head from "next/head";
 import { useRouter } from "next/router";
 
-import Simulator from "@components/Simulator";
-import useCurrentSlice from "@src/hooks/useCurrentSlice";
+import useCurrentSlice from "@/hooks/useCurrentSlice";
+import Simulator from "@/legacy/components/Simulator";
 
 export default function SimulatorPage() {
   const router = useRouter();

package/{pages → src/pages}/slices.tsx

@@ -1,35 +1,35 @@
 import { Button } from "@prismicio/editor-ui";
-import React, { useState } from "react";
+import { SharedSlice as SharedSliceType } from "@prismicio/types-internal/lib/customtypes";
 import Head from "next/head";
-import { BaseStyles, Flex, Text, Link } from "theme-ui";
-import { useSelector } from "react-redux";
 import { useRouter } from "next/router";
+import React, { useState } from "react";
+import { useSelector } from "react-redux";
 import { toast } from "react-toastify";
-import { SharedSlice as SharedSliceType } from "@prismicio/types-internal/lib/customtypes";
+import { BaseStyles, Flex, Link, Text } from "theme-ui";
 
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { LibraryUI } from "@lib/models/common/LibraryUI";
-import { VIDEO_WHAT_ARE_SLICES } from "@lib/consts";
+import { BreadcrumbItem } from "@/components/Breadcrumb";
+import { SharedSliceCard } from "@/features/slices/sliceCards/SharedSliceCard";
+import { SLICES_CONFIG } from "@/features/slices/slicesConfig";
+import { useScreenshotChangesModal } from "@/hooks/useScreenshotChangesModal";
 import {
   AppLayout,
   AppLayoutActions,
   AppLayoutBreadcrumb,
   AppLayoutContent,
   AppLayoutHeader,
-} from "@components/AppLayout";
-import { CreateSliceModal } from "@components/Forms/CreateSliceModal";
-import Grid from "@components/Grid";
-import EmptyState from "@components/EmptyState";
-import ScreenshotChangesModal from "@components/ScreenshotChangesModal";
-import { RenameSliceModal } from "@components/Forms/RenameSliceModal";
-import { DeleteSliceModal } from "@components/DeleteSliceModal";
-import { BreadcrumbItem } from "@src/components/Breadcrumb";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { getLibraries, getRemoteSlices } from "@src/modules/slices";
-import { useScreenshotChangesModal } from "@src/hooks/useScreenshotChangesModal";
-import { SharedSliceCard } from "@src/features/slices/sliceCards/SharedSliceCard";
-import { SLICES_CONFIG } from "@src/features/slices/slicesConfig";
-import { SliceToastMessage } from "@components/ToasterContainer";
+} from "@/legacy/components/AppLayout";
+import { DeleteSliceModal } from "@/legacy/components/DeleteSliceModal";
+import EmptyState from "@/legacy/components/EmptyState";
+import { CreateSliceModal } from "@/legacy/components/Forms/CreateSliceModal";
+import { RenameSliceModal } from "@/legacy/components/Forms/RenameSliceModal";
+import Grid from "@/legacy/components/Grid";
+import ScreenshotChangesModal from "@/legacy/components/ScreenshotChangesModal";
+import { SliceToastMessage } from "@/legacy/components/ToasterContainer";
+import { VIDEO_WHAT_ARE_SLICES } from "@/legacy/lib/consts";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { getLibraries, getRemoteSlices } from "@/modules/slices";
+import { SliceMachineStoreType } from "@/redux/type";
 
 const SlicesIndex: React.FunctionComponent = () => {
   const router = useRouter();

package/src/redux/reducer.ts

@@ -3,14 +3,15 @@
  * were to do this in store.js, reducers wouldn't be hot reloadable.
  */
 
-import { combineReducers, Reducer } from "redux";
-import { modalReducer } from "@src/modules/modal";
-import { loadingReducer } from "@src/modules/loading";
-import { userContextReducer } from "@src/modules/userContext";
-import { environmentReducer } from "@src/modules/environment";
-import { availableCustomTypesReducer } from "@src/modules/availableCustomTypes";
-import { slicesReducer } from "@src/modules/slices";
 import { routerReducer } from "connected-next-router";
+import { combineReducers, Reducer } from "redux";
+
+import { availableCustomTypesReducer } from "@/modules/availableCustomTypes";
+import { environmentReducer } from "@/modules/environment";
+import { loadingReducer } from "@/modules/loading";
+import { modalReducer } from "@/modules/modal";
+import { slicesReducer } from "@/modules/slices";
+import { userContextReducer } from "@/modules/userContext";
 
 /** Creates the main reducer */
 const createReducer = (): Reducer =>

package/src/redux/store.ts

@@ -1,10 +1,12 @@
-import { createStore, compose, applyMiddleware, Store } from "redux";
-import createReducer from "./reducer";
-import { persistStore, persistReducer } from "redux-persist";
-import storage from "redux-persist/lib/storage";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { Persistor } from "redux-persist/es/types"; // defaults to localStorage for web
 import { createRouterMiddleware } from "connected-next-router";
+import { applyMiddleware, compose, createStore, Store } from "redux";
+import { persistReducer, persistStore } from "redux-persist";
+import { Persistor } from "redux-persist/es/types"; // defaults to localStorage for web
+import storage from "redux-persist/lib/storage";
+
+import { SliceMachineStoreType } from "@/redux/type";
+
+import createReducer from "./reducer";
 
 const persistConfig = {
   key: "root",

package/src/redux/type.ts

@@ -1,11 +1,12 @@
-import { ModalStoreType } from "@src/modules/modal/types";
-import { LoadingStoreType } from "@src/modules/loading/types";
-import { UserContextStoreType } from "@src/modules/userContext/types";
-import { EnvironmentStoreType } from "@src/modules/environment/types";
-import { AvailableCustomTypesStoreType } from "@src/modules/availableCustomTypes/types";
-import { SlicesStoreType } from "@src/modules/slices/types";
 import { RouterState } from "connected-next-router/types";
 
+import { AvailableCustomTypesStoreType } from "@/modules/availableCustomTypes/types";
+import { EnvironmentStoreType } from "@/modules/environment/types";
+import { LoadingStoreType } from "@/modules/loading/types";
+import { ModalStoreType } from "@/modules/modal/types";
+import { SlicesStoreType } from "@/modules/slices/types";
+import { UserContextStoreType } from "@/modules/userContext/types";
+
 export type SliceMachineStoreType = {
   modal: ModalStoreType;
   loading: LoadingStoreType;

package/src/theme.ts

@@ -1,5 +1,4 @@
-import { darken, lighten, alpha } from "@theme-ui/color";
-
+import { alpha, darken, lighten } from "@theme-ui/color";
 import { Theme } from "theme-ui";
 
 const AppTheme = (): Theme =>

package/src/utils/getContentTypeForTracking.ts

@@ -0,0 +1,21 @@
+/**
+ * Determines the content type of a given URL's pathname. This method is
+ * designed for the `field:*` tracking event, but may be used elsewhere.
+ *
+ * @param pathname - A URL's pathname.
+ *
+ * @throws {Error} Thrown when not on a slice, custom type, or page type page.
+ */
+export function getContentTypeForTracking(
+  pathname: string,
+): "page type" | "custom type" | "slice" {
+  if (pathname.startsWith("/slices/")) {
+    return "slice";
+  } else if (pathname.startsWith("/custom-types/")) {
+    return "custom type";
+  } else if (pathname.startsWith("/page-types/")) {
+    return "page type";
+  }
+
+  throw new Error(`Did not detect a content type from: ${pathname}`);
+}