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

package/test/__setup__.ts

@@ -1,16 +1,18 @@
-import { afterAll, afterEach, beforeAll, beforeEach, vi } from "vitest";
-import fetch, { Blob, File, Headers, Request, Response } from "node-fetch";
-import { FormData } from "formdata-polyfill/esm.min";
-import { setupServer, SetupServer } from "msw/node";
-import { cleanup } from "@testing-library/react";
-import { createMockFactory, MockFactory } from "@prismicio/mock";
+import "@testing-library/jest-dom";
+
 import * as fs from "node:fs/promises";
-import * as path from "node:path";
 import * as os from "node:os";
+import * as path from "node:path";
 
+import { createMockFactory, MockFactory } from "@prismicio/mock";
 import { createSliceMachineManager } from "@slicemachine/manager";
 import { createSliceMachineManagerMSWHandler } from "@slicemachine/manager/test";
-import "@testing-library/jest-dom";
+import { cleanup } from "@testing-library/react";
+import { FormData } from "formdata-polyfill/esm.min";
+import { SetupServer, setupServer } from "msw/node";
+import fetch, { Blob, File, Headers, Request, Response } from "node-fetch";
+import { afterAll, afterEach, beforeAll, beforeEach, vi } from "vitest";
+
 import pkg from "../package.json";
 import { createTestPlugin } from "./__testutils__/createTestPlugin";
 import { createTestProject } from "./__testutils__/createTestProject";

package/test/__testutils__/createTestPlugin.ts

@@ -1,11 +1,12 @@
+import * as crypto from "node:crypto";
+
 import {
   defineSliceMachinePlugin,
-  SliceMachinePluginOptions,
   SliceMachineHookTypes,
   SliceMachinePlugin,
+  SliceMachinePluginOptions,
 } from "@slicemachine/plugin-kit";
 import { expect } from "vitest";
-import * as crypto from "node:crypto";
 
 const sha1 = (data: crypto.BinaryLike): string => {
   return crypto.createHash("sha1").update(data).digest("hex");

package/test/__testutils__/createTestProject.ts

@@ -1,10 +1,11 @@
-import { expect } from "vitest";
-import { SliceMachineConfig } from "@slicemachine/manager";
+import * as crypto from "node:crypto";
 import * as fs from "node:fs/promises";
-import * as path from "node:path";
 import * as os from "node:os";
-import * as crypto from "node:crypto";
+import * as path from "node:path";
+
+import { SliceMachineConfig } from "@slicemachine/manager";
 import type { SliceMachinePlugin } from "@slicemachine/plugin-kit";
+import { expect } from "vitest";
 
 const sha1 = (data: crypto.BinaryLike): string => {
   return crypto.createHash("sha1").update(data).digest("hex");

package/test/__testutils__/index.tsx

@@ -1,14 +1,15 @@
 import { TooltipProvider } from "@prismicio/editor-ui";
 import { render as rtlRender, RenderOptions } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
-import { Store, AnyAction } from "redux";
-
 import { Provider } from "react-redux";
-import type { SliceMachineStoreType } from "../../src/redux/type";
+import { AnyAction, Store } from "redux";
+import { BaseStyles, ThemeProvider as ThemeUIThemeProvider } from "theme-ui";
+
+import { ErrorBoundary } from "@/ErrorBoundary";
+
 import configureStore from "../../src/redux/store";
+import type { SliceMachineStoreType } from "../../src/redux/type";
 import theme from "../../src/theme";
-import { ErrorBoundary } from "@src/ErrorBoundary";
-import { ThemeProvider as ThemeUIThemeProvider, BaseStyles } from "theme-ui";
 
 export type RenderArgs = Partial<
   {

package/test/__testutils__/mockAWSACLAPI.ts

@@ -1,5 +1,5 @@
-import { TestContext } from "vitest";
 import { rest } from "msw";
+import { TestContext } from "vitest";
 
 import { readMSWFormData } from "./readMSWFormData";
 

package/test/__testutils__/mockCustomTypesAPI.ts

@@ -1,5 +1,5 @@
-import { TestContext } from "vitest";
 import { rest } from "msw";
+import { TestContext } from "vitest";
 
 type MockCustomTypesAPIConfig = {
   endpoint?: string;

package/test/__testutils__/mockPrismicAuthAPI.ts

@@ -1,5 +1,5 @@
-import { TestContext } from "vitest";
 import { rest } from "msw";
+import { TestContext } from "vitest";
 
 type MockPrismicAuthAPIConfig = {
   endpoint?: string;

package/test/__testutils__/mockPrismicUserAPI.ts

@@ -1,7 +1,6 @@
-import { TestContext } from "vitest";
-import { rest } from "msw";
-
 import { PrismicUserProfile } from "@slicemachine/manager";
+import { rest } from "msw";
+import { TestContext } from "vitest";
 
 type MockPrismicUserAPIConfig = {
   endpoint?: string;

package/test/__testutils__/readMSWFormData.ts

@@ -1,5 +1,5 @@
-import parseMultipartFormData from "parse-multipart-data";
 import { RestRequest } from "msw";
+import parseMultipartFormData from "parse-multipart-data";
 
 type FormDataField =
   | { data: Buffer; type: string; filename?: string }

package/test/components/IframeRenderer.test.ts

@@ -1,5 +1,6 @@
-import { describe, it, expect } from "vitest";
-import { getScaling } from "@components/Simulator/components/IframeRenderer";
+import { describe, expect, it } from "vitest";
+
+import { getScaling } from "@/legacy/components/Simulator/components/IframeRenderer";
 
 const VIEWPORT_SIZE = { width: 100, height: 100 };
 

package/test/lib/builders/EditModal.test.tsx

@@ -1,10 +1,12 @@
 // @vitest-environment jsdom
 
-import { describe, test, expect, vi } from "vitest";
 import React from "react";
-import { render, act, fireEvent } from "../../__testutils__";
 import Modal from "react-modal";
-import EditModal from "@lib/builders/common/EditModal";
+import { describe, expect, test, vi } from "vitest";
+
+import EditModal from "@/legacy/lib/builders/common/EditModal";
+
+import { act, fireEvent, render } from "../../__testutils__";
 
 vi.mock("next/router", () => require("next-router-mock"));
 

package/test/lib/builders/buildersUtils.test.ts

@@ -1,7 +1,7 @@
-import { describe, test, expect } from "vitest";
+import { describe, expect, test } from "vitest";
 
-import * as Widgets from "@lib/models/common/widgets/withGroup";
-import { findWidgetByConfigOrType } from "@builders/utils";
+import { findWidgetByConfigOrType } from "@/legacy/lib/builders/utils";
+import * as Widgets from "@/legacy/lib/models/common/widgets/withGroup";
 
 const dumbConfig = {
   label: "",

package/test/lib/consts.test.ts

@@ -1,5 +1,9 @@
-import { describe, test, expect } from "vitest";
-import { API_ID_REGEX, API_ID_RETRO_COMPATIBLE_REGEX } from "@lib/consts";
+import { describe, expect, test } from "vitest";
+
+import {
+  API_ID_REGEX,
+  API_ID_RETRO_COMPATIBLE_REGEX,
+} from "@/legacy/lib/consts";
 
 describe("Constant", () => {
   test("API_ID_REGEX should block special characters except _", () => {

package/test/lib/models/common/CustomType.test.ts

@@ -1,6 +1,10 @@
-import { describe, expect, test } from "vitest";
 import { CustomType } from "@prismicio/types-internal/lib/customtypes";
-import { CustomTypes, CustomTypeSM } from "@lib/models/common/CustomType";
+import { describe, expect, test } from "vitest";
+
+import {
+  CustomTypes,
+  CustomTypeSM,
+} from "@/legacy/lib/models/common/CustomType";
 
 const customTypeObject = {
   id: "test-page",

package/test/lib/models/common/ModelStatus.test.ts

@@ -1,9 +1,11 @@
-import { describe, test, expect } from "vitest";
+import { describe, expect, test } from "vitest";
+
+import { CustomTypes } from "@/legacy/lib/models/common/CustomType";
 import {
-  ModelStatus,
   computeModelStatus,
-} from "@lib/models/common/ModelStatus";
-import { CustomTypes } from "@lib/models/common/CustomType";
+  ModelStatus,
+} from "@/legacy/lib/models/common/ModelStatus";
+
 import { customTypeMock } from "../../../__fixtures__/customType";
 
 const model = CustomTypes.toSM(customTypeMock);

package/test/lib/models/common/Slice.test.ts

@@ -1,6 +1,7 @@
-import { describe, expect, test } from "vitest";
-import { Slices, SliceSM } from "@lib/models/common/Slice";
 import { SharedSlice } from "@prismicio/types-internal/lib/customtypes";
+import { describe, expect, test } from "vitest";
+
+import { Slices, SliceSM } from "@/legacy/lib/models/common/Slice";
 
 const sliceObject = {
   id: "all_fields",

package/test/lib/models/common/widgets/index.test.ts

@@ -1,9 +1,13 @@
-import { describe, test, expect } from "vitest";
-import * as Widgets from "@lib/models/common/widgets";
-import { CustomTypes, CustomTypeSM } from "@lib/models/common/CustomType";
+import type { CustomType } from "@prismicio/types-internal/lib/customtypes";
 import type { UID } from "@prismicio/types-internal/lib/customtypes/widgets";
 import type { NestableWidget } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
-import type { CustomType } from "@prismicio/types-internal/lib/customtypes";
+import { describe, expect, test } from "vitest";
+
+import {
+  CustomTypes,
+  CustomTypeSM,
+} from "@/legacy/lib/models/common/CustomType";
+import * as Widgets from "@/legacy/lib/models/common/widgets";
 
 const widgetEntries = Object.entries(Widgets);
 

package/test/lib/utils/index.test.ts

@@ -1,5 +1,6 @@
-import { describe, test, expect } from "vitest";
-import { slugify } from "@lib/utils/str";
+import { describe, expect, test } from "vitest";
+
+import { slugify } from "@/legacy/lib/utils/str";
 
 describe("slugify", () => {
   test("returns the same string if valid", () => {

package/test/lib/utils/preferWroomBase.test.ts

@@ -1,5 +1,6 @@
-import { describe, test, expect } from "vitest";
-import preferWroomBase from "../../../lib/utils/preferWroomBase";
+import { describe, expect, test } from "vitest";
+
+import preferWroomBase from "@/legacy/lib/utils/preferWroomBase";
 
 describe("src/utils/preferWroomBase", () => {
   test("when endpoint form env.manifest.apiEndpoint is not from wroom.io or wroom.test it should return the base in the from enn.prismicData.base (prismic config)", () => {

package/test/lib/utils/shared/customTypes.test.ts

@@ -1,7 +1,8 @@
-import { filterSliceFromCustomType } from "@lib/utils/shared/customTypes";
 // @ts-expect-error TS(2307) FIXME: Cannot find module '@slicemachine/core/build/model... Remove this comment to see the full error message
 import { CustomTypeSM } from "@slicemachine/core/build/models/CustomType";
 
+import { filterSliceFromCustomType } from "@/legacy/lib/utils/shared/customTypes";
+
 describe("Slice IO", () => {
   const baseCustomTypeModel: CustomTypeSM = {
     id: "some_custom_type",

package/test/pages/slices.test.tsx

@@ -1,24 +1,24 @@
 // @vitest-environment jsdom
 
-import { describe, test, afterEach, beforeEach, expect, vi } from "vitest";
-import mockRouter from "next-router-mock";
 import { Analytics } from "@segment/analytics-node";
+import { createSliceMachineManager } from "@slicemachine/manager";
+import { createSliceMachineManagerMSWHandler } from "@slicemachine/manager/test";
+import mockRouter from "next-router-mock";
+import { createTestPlugin } from "../__testutils__/createTestPlugin";
+import { createTestProject } from "../__testutils__/createTestProject";
+import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
 
-import pkg from "../../package.json";
-import SlicesIndex from "../../pages/slices";
+import SlicesIndex from "@/pages/slices";
 
+import pkg from "../../package.json";
 import {
-  render,
-  fireEvent,
   act,
+  fireEvent,
+  render,
   screen,
   waitFor,
   within,
 } from "../__testutils__";
-import { createTestPlugin } from "test/__testutils__/createTestPlugin";
-import { createTestProject } from "test/__testutils__/createTestProject";
-import { createSliceMachineManager } from "@slicemachine/manager";
-import { createSliceMachineManagerMSWHandler } from "@slicemachine/manager/test";
 
 vi.mock("next/router", () => import("next-router-mock"));
 

package/test/src/modules/__fixtures__/serverState.ts

@@ -1,4 +1,4 @@
-import ServerState from "@models/server/ServerState";
+import ServerState from "@/legacy/lib/models/server/ServerState";
 
 export const dummyServerState: Pick<
   ServerState,
@@ -21,8 +21,8 @@ export const dummyServerState: Pick<
       PrismicUser: "https://user-service.prismic.io/",
       AwsAclProvider:
         "https://0yyeb2g040.execute-api.us-east-1.amazonaws.com/prod/",
-      PrismicOembed: "https://oembed.prismic.io",
-      PrismicUnsplash: "https://unsplash.prismic.io",
+      PrismicEmbed: "https://oembed.prismic.io",
+      PrismicUnsplash: "https://unsplash.prismic.io/",
       SliceMachineV1: "https://sm-api.prismic.io/v1/",
     },
     shortId: "shortId",

package/test/src/modules/__fixtures__/sliceUtilsFactory.ts

@@ -1,6 +1,6 @@
-import { ComponentUI } from "@lib/models/common/ComponentUI";
-import { LibraryUI } from "@lib/models/common/LibraryUI";
-import { SliceSM } from "@lib/models/common/Slice";
+import { ComponentUI } from "@/legacy/lib/models/common/ComponentUI";
+import { LibraryUI } from "@/legacy/lib/models/common/LibraryUI";
+import { SliceSM } from "@/legacy/lib/models/common/Slice";
 
 const DEFAULT_SLICE_SM: SliceSM = {
   id: "blog_section_three_column_cards",

package/test/src/modules/availableCustomTypes/index.test.ts

@@ -1,8 +1,8 @@
 import { describe, expect, it } from "vitest";
 
-import { availableCustomTypesReducer } from "@src/modules/availableCustomTypes";
-import { AvailableCustomTypesStoreType } from "@src/modules/availableCustomTypes/types";
-import { refreshStateCreator } from "@src/modules/environment";
+import { availableCustomTypesReducer } from "@/modules/availableCustomTypes";
+import { AvailableCustomTypesStoreType } from "@/modules/availableCustomTypes/types";
+import { refreshStateCreator } from "@/modules/environment";
 
 import { dummyServerState } from "../__fixtures__/serverState";
 

package/test/src/modules/environment.test.ts

@@ -1,10 +1,8 @@
 import { describe, expect, it } from "vitest";
 
-import {
-  environmentReducer,
-  refreshStateCreator,
-} from "@src/modules/environment";
-import { EnvironmentStoreType } from "@src/modules/environment/types";
+import { environmentReducer, refreshStateCreator } from "@/modules/environment";
+import { EnvironmentStoreType } from "@/modules/environment/types";
+
 import { dummyServerState } from "./__fixtures__/serverState";
 
 const dummyEnvironmentState: EnvironmentStoreType = dummyServerState.env;

package/test/src/modules/loading.test.ts

@@ -1,12 +1,12 @@
 import { describe, expect, it } from "vitest";
 
 import {
+  initialState,
   loadingReducer,
   startLoadingActionCreator,
   stopLoadingActionCreator,
-} from "@src/modules/loading";
-import { LoadingKeysEnum, LoadingStoreType } from "@src/modules/loading/types";
-import { initialState } from "@src/modules/loading";
+} from "@/modules/loading";
+import { LoadingKeysEnum, LoadingStoreType } from "@/modules/loading/types";
 
 const dummyLoadingState: LoadingStoreType = initialState;
 

package/test/src/modules/modal.test.ts

@@ -1,12 +1,12 @@
 import { describe, expect, it } from "vitest";
 
 import {
-  modalReducer,
-  modalOpenCreator,
-  modalCloseCreator,
   initialState as modalInitialState,
-} from "@src/modules/modal";
-import { ModalKeysEnum, ModalStoreType } from "@src/modules/modal/types";
+  modalCloseCreator,
+  modalOpenCreator,
+  modalReducer,
+} from "@/modules/modal";
+import { ModalKeysEnum, ModalStoreType } from "@/modules/modal/types";
 
 describe("[Modal module]", () => {
   describe("[Reducer]", () => {

package/test/src/modules/slices.test.ts

@@ -1,8 +1,9 @@
 // @vitest-environment jsdom
 
 import { describe, expect, it } from "vitest";
-import { slicesReducer } from "@src/modules/slices";
-import { SlicesStoreType } from "@src/modules/slices/types";
+
+import { slicesReducer } from "@/modules/slices";
+import { SlicesStoreType } from "@/modules/slices/types";
 
 const dummySlicesState: SlicesStoreType = {
   libraries: [],

package/test/src/modules/userContext.test.ts

@@ -1,11 +1,11 @@
 import { describe, expect, it } from "vitest";
 
 import {
-  userContextReducer,
   sendAReviewCreator,
   skipReviewCreator,
-} from "@src/modules/userContext";
-import { UserContextStoreType } from "@src/modules/userContext/types";
+  userContextReducer,
+} from "@/modules/userContext";
+import { UserContextStoreType } from "@/modules/userContext/types";
 
 describe("[UserContext module]", () => {
   describe("[Reducer]", () => {

package/test/src/normalizers/customType.test.ts

@@ -1,9 +1,8 @@
-// @ts-expect-error TS(2307) FIXME: Cannot find module '@slicemachine/core/build/model... Remove this comment to see the full error message
-import { CustomTypeSM } from "@slicemachine/core/build/models/CustomType";
+import { CustomTypeSM } from "@/legacy/lib/models/common/CustomType";
 import {
   normalizeFrontendCustomType,
   normalizeFrontendCustomTypes,
-} from "@lib/models/common/normalizers/customType";
+} from "@/legacy/lib/models/common/normalizers/customType";
 
 describe("Normalizer - CustomType", () => {
   describe("normalizeFrontendCustomTypes", () => {
@@ -14,6 +13,7 @@ describe("Normalizer - CustomType", () => {
           label: "lama",
           repeatable: false,
           status: true,
+          format: "custom",
           tabs: [
             {
               key: "Main",
@@ -26,6 +26,7 @@ describe("Normalizer - CustomType", () => {
           label: "lama",
           repeatable: false,
           status: true,
+          format: "custom",
           tabs: [
             {
               key: "Main",
@@ -40,6 +41,7 @@ describe("Normalizer - CustomType", () => {
           label: "lama",
           repeatable: false,
           status: true,
+          format: "custom",
           tabs: [
             {
               key: "Main",
@@ -52,6 +54,7 @@ describe("Normalizer - CustomType", () => {
           label: "lama",
           repeatable: false,
           status: true,
+          format: "custom",
           tabs: [
             {
               key: "Main",
@@ -70,6 +73,7 @@ describe("Normalizer - CustomType", () => {
             label: "lama",
             repeatable: false,
             status: true,
+            format: "custom",
             tabs: [
               {
                 key: "Main",
@@ -82,6 +86,7 @@ describe("Normalizer - CustomType", () => {
             label: "lama",
             repeatable: false,
             status: true,
+            format: "custom",
             tabs: [
               {
                 key: "Main",
@@ -96,6 +101,7 @@ describe("Normalizer - CustomType", () => {
             label: "lama",
             repeatable: false,
             status: true,
+            format: "custom",
             tabs: [
               {
                 key: "Main",
@@ -108,6 +114,7 @@ describe("Normalizer - CustomType", () => {
             label: "lama",
             repeatable: false,
             status: true,
+            format: "custom",
             tabs: [
               {
                 key: "Main",
@@ -126,6 +133,7 @@ describe("Normalizer - CustomType", () => {
           label: "lama",
           repeatable: false,
           status: true,
+          format: "custom",
           tabs: [
             {
               key: "Main",
@@ -154,6 +162,7 @@ describe("Normalizer - CustomType", () => {
         label: "lama",
         repeatable: false,
         status: true,
+        format: "custom",
         tabs: [
           {
             key: "Main",
@@ -167,6 +176,7 @@ describe("Normalizer - CustomType", () => {
         label: "lama",
         repeatable: false,
         status: true,
+        format: "custom",
         tabs: [
           {
             key: "Main",
@@ -184,6 +194,7 @@ describe("Normalizer - CustomType", () => {
             label: "lama",
             repeatable: false,
             status: true,
+            format: "custom",
             tabs: [
               {
                 key: "Main",
@@ -196,6 +207,7 @@ describe("Normalizer - CustomType", () => {
             label: "lama",
             repeatable: false,
             status: true,
+            format: "custom",
             tabs: [
               {
                 key: "Main",
@@ -213,6 +225,7 @@ describe("Normalizer - CustomType", () => {
         label: "lama",
         repeatable: false,
         status: true,
+        format: "custom",
         tabs: [
           {
             key: "Main",

package/test/src/utils/fieldNameCreator.test.ts

@@ -1,6 +1,6 @@
 import { describe, expect, it } from "vitest";
 
-import { createFriendlyFieldNameWithId } from "@src/utils/fieldNameCreator";
+import { createFriendlyFieldNameWithId } from "@/utils/fieldNameCreator";
 
 const dataProvider = [
   {

package/tsconfig.json

@@ -24,12 +24,7 @@
     "jsx": "preserve",
     "outDir": "./build",
     "paths": {
-      "@builders/*": ["lib/builders/*"],
-      "@components/*": ["components/*"],
-      "@lib/*": ["lib/*"],
-      "@models/*": ["lib/models/*"],
-      "@src/*": ["src/*"],
-      "@utils/*": ["lib/utils/*"]
+      "@/*": ["./src/*"]
     },
     "incremental": true
   },

package/vite.config.ts

@@ -1,8 +1,9 @@
+import * as path from "node:path";
+import * as url from "node:url";
+
 import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
-import { defineConfig } from "vitest/config";
 import react from "@vitejs/plugin-react";
-import * as url from "node:url";
-import * as path from "node:path";
+import { defineConfig } from "vitest/config";
 
 const __dirname = path.dirname(url.fileURLToPath(import.meta.url));
 
@@ -10,13 +11,7 @@ export default defineConfig({
   plugins: [react(), vanillaExtractPlugin()],
   resolve: {
     alias: {
-      "@builders": path.resolve(__dirname, "./lib/builders"),
-      "@components": path.resolve(__dirname, "./components"),
-      "@lib": path.resolve(__dirname, "./lib"),
-      "@models": path.resolve(__dirname, "./lib/models"),
-      "@src": path.resolve(__dirname, "./src"),
-      "@utils": path.resolve(__dirname, "./lib/utils"),
-      test: path.resolve(__dirname, "./test"),
+      "@": path.resolve(__dirname, "./src"),
     },
   },
   test: {

package/components/Forms/RenameVariationModal/RenameVariationModal.css.ts

@@ -1,7 +0,0 @@
-import { sprinkles } from "@prismicio/editor-ui";
-
-export const label = sprinkles({
-  display: "inline-flex",
-  alignItems: "center",
-  gap: 4,
-});

package/components/Navigation/index.css.ts

@@ -1,5 +0,0 @@
-import { sprinkles } from "@prismicio/editor-ui";
-
-export const environmentDivider = sprinkles({
-  marginBlock: 16,
-});