feat(deps): upgrade to prettier 3 (#1055,DT-1614) (#1183)

Co-authored-by: lihbr <[email protected]>

cypress/e2e/customTypes/01-duplicate.cy.js

@@ -19,7 +19,7 @@ describe.skip("Duplicate custom types", () => {
     cy.get("[type=submit]").should("be.disabled");
 
     cy.get("[data-cy=ct-name-input-error]").contains(
-      "Custom type name is already taken."
+      "Custom type name is already taken.",
     );
   });
 
@@ -34,7 +34,7 @@ describe.skip("Duplicate custom types", () => {
     cy.get("[type=submit]").should("be.disabled");
 
     cy.get("[data-cy=ct-id-input-error]").contains(
-      `ID "${customTypeId}" exists already.`
+      `ID "${customTypeId}" exists already.`,
     );
   });
 });

cypress/e2e/slices/00-create.cy.js

@@ -45,33 +45,33 @@ describe("Create Slices", () => {
     cy.get("#simulator-button-tooltip").should("be.visible");
     cy.get("#simulator-button-tooltip").should(
       "contain",
-      "Save your work in order to simulate"
+      "Save your work in order to simulate",
     );
     cy.contains("button", "Update screenshot").should("have.attr", "disabled");
     cy.contains("button", "Update screenshot").realHover();
     cy.get("#update-screenshot-button-tooltip").should("be.visible");
     cy.get("#update-screenshot-button-tooltip").should(
       "contain",
-      "Save your work in order to update the screenshot"
+      "Save your work in order to update the screenshot",
     );
 
     cy.location("pathname", { timeout: 20000 }).should(
       "eq",
-      `/slices/${lib}/${sliceName}/bar`
+      `/slices/${lib}/${sliceName}/bar`,
     );
     cy.get("button").contains("foo").click();
     cy.contains("Default").click();
     cy.location("pathname", { timeout: 20000 }).should(
       "eq",
-      `/slices/${lib}/${sliceName}/default`
+      `/slices/${lib}/${sliceName}/default`,
     );
 
     cy.contains("Save").click();
 
     cy.contains("button", "Simulate").should("not.have.attr", "disabled");
     cy.contains("button", "Update screenshot").should(
       "not.have.attr",
-      "disabled"
+      "disabled",
     );
 
     // simulator

cypress/e2e/slices/01-duplicates.cy.js

@@ -19,7 +19,7 @@ describe("Duplicate Slices", () => {
     cy.get("input[data-cy=slice-name-input]").type(sliceName).blur();
     cy.get("[type=submit]").should("be.disabled");
     cy.get("[data-cy=slice-name-input-error]").contains(
-      "Slice name is already taken."
+      "Slice name is already taken.",
     );
   });
 });

cypress/e2e/slices/03-build-slices.cy.js

@@ -52,7 +52,7 @@ describe.skip("I am a new SM user (with Next) who wants to build a slice with di
     sliceBuilder.addNewWidgetField("SelectField", "Select");
     sliceBuilder.addNewWidgetField(
       "ContentRelationshipField",
-      "Content Relationship"
+      "Content Relationship",
     );
 
     sliceBuilder.openEditWidgetModal("SimpleTextField");

cypress/e2e/updates/changelog.cy.js

@@ -29,7 +29,7 @@ describe.skip("changelog.warningBreakingChanges", () => {
 
   it("shows warning if the selected release note has a breaking changes title.", () => {
     mockChangelogCall(
-      "### Breaking Changes\n -this changes is breaking your slice machine"
+      "### Breaking Changes\n -this changes is breaking your slice machine",
     );
     cy.visit("/changelog");
     cy.waitUntil(() => cy.contains("All versions"));

cypress/e2e/updates/simulator-tooltip.cy.js

@@ -27,7 +27,7 @@ describe("simulator tooltip", () => {
     cy.getSliceMachineUserContext().should((data) => {
       expect(data.hasSeenSimulatorToolTip).equal(
         true,
-        "userContext.hasSeenSimulatorToolTip should set in local storage"
+        "userContext.hasSeenSimulatorToolTip should set in local storage",
       );
     });
   });
@@ -67,7 +67,7 @@ describe("simulator tooltip", () => {
     cy.getSliceMachineUserContext().should((data) => {
       expect(data.hasSeenSimulatorToolTip).equal(
         true,
-        "userContext.hasSeenSimulatorToolTip should set in local storage"
+        "userContext.hasSeenSimulatorToolTip should set in local storage",
       );
     });
   });

cypress/e2e/updates/video-tooltip.cy.js

@@ -14,7 +14,7 @@ describe.skip("video tooltip", () => {
     cy.getSliceMachineUserContext().then((data) => {
       expect(data.hasSeenTutorialsToolTip).equal(
         true,
-        "userContext.hasSeenTutorialsToolTip should set in local storage"
+        "userContext.hasSeenTutorialsToolTip should set in local storage",
       );
     });
   });
@@ -37,14 +37,14 @@ describe.skip("video tooltip", () => {
       .should(
         "have.attr",
         "href",
-        "https://youtube.com/playlist?list=PLUVZjQltoA3wnaQudcqQ3qdZNZ6hyfyhH"
+        "https://youtube.com/playlist?list=PLUVZjQltoA3wnaQudcqQ3qdZNZ6hyfyhH",
       )
       .click();
 
     cy.getSliceMachineUserContext().should((data) => {
       expect(data.hasSeenTutorialsToolTip).equal(
         true,
-        "userContext.hasSeenTutorialsToolTip should set in local storage"
+        "userContext.hasSeenTutorialsToolTip should set in local storage",
       );
     });
   });
@@ -68,7 +68,7 @@ describe.skip("video tooltip", () => {
     cy.getSliceMachineUserContext().should((data) => {
       expect(data.hasSeenTutorialsToolTip).equal(
         true,
-        "userContext.hasSeenTutorialsToolTip should set in local storage"
+        "userContext.hasSeenTutorialsToolTip should set in local storage",
       );
     });
   });

cypress/e2e/user-flows/scenario_008_edit_mock_from_simulator.cy.js

@@ -55,7 +55,7 @@ describe.skip("Scenario 008", () => {
       .invoke("attr", "aria-checked")
       .then((currentValue) => {
         cy.wrap(currentValue == "true" ? "false" : "true").as(
-          "newBooleanValue"
+          "newBooleanValue",
         );
       });
 
@@ -82,7 +82,7 @@ describe.skip("Scenario 008", () => {
 
     cy.getInputByLabel("SimpleTextField").should(
       "contain",
-      "SimpleTextContent"
+      "SimpleTextContent",
     );
     cy.getInputByLabel("RichTextField").should("contain", "RichTextContent");
     cy.getInputByLabel("NumberField").should("have.value", "42");

cypress/e2e/user-flows/scenario_custom_screenshots.cy.js

@@ -82,10 +82,10 @@ describe("I am an existing SM user and I want to upload screenshots on variation
         fileName: "file.txt",
         mimeType: "text/plain",
       },
-      { action: "drag-drop" }
+      { action: "drag-drop" },
     );
     cy.contains("Only files of type png, jpg, jpeg are accepted.").should(
-      "be.visible"
+      "be.visible",
     );
 
     screenshotModal.verifyImageIsEmpty().close();

cypress/e2e/user-flows/scenario_slice_association.cy.js

@@ -49,25 +49,25 @@ describe.skip("I am an existing SM user (Next) and I want to associate a Slice t
     cy.addStaticFieldToSlice(
       "Key Text",
       "Static Key Text Field",
-      "static_key_text_id"
+      "static_key_text_id",
     );
 
     cy.addStaticFieldToSlice(
       "Rich Text",
       "Static Rich Text Field",
-      "static_rich_text_id"
+      "static_rich_text_id",
     );
 
     cy.addRepeatableFieldToSlice(
       "Rich Text",
       "Repeatable Rich Text Field",
-      "repeatable_rich_text_id"
+      "repeatable_rich_text_id",
     );
 
     cy.addRepeatableFieldToSlice(
       "Key Text",
       "Repeatable Key Text Field",
-      "repeatable_key_text_id"
+      "repeatable_key_text_id",
     );
 
     sliceBuilder.save();
@@ -115,7 +115,7 @@ describe.skip("I am an existing SM user (Next) and I want to associate a Slice t
     cy.get("#review-form");
     cy.get("[data-cy=review-form-score-3]").click();
     cy.get("[data-cy=review-form-comment]").type(
-      "Cypress test - testing the comment of the survey"
+      "Cypress test - testing the comment of the survey",
     );
     cy.get("#review-form").submit();
 

cypress/e2e/user-flows/transactional-push.cy.js

@@ -96,7 +96,7 @@ describe.skip("I am an existing SM user and I want to push local changes", () =>
     changesPage.mockPushError(500).pushChanges();
 
     cy.contains(
-      "Something went wrong when pushing your changes. Check your terminal logs."
+      "Something went wrong when pushing your changes. Check your terminal logs.",
     );
 
     cy.clearProject();

cypress/helpers/customTypes.js

@@ -25,7 +25,7 @@ export function createCustomType(id, name) {
 
   cy.location("pathname", { timeout: 15000 }).should(
     "eq",
-    `/custom-types/${id}`
+    `/custom-types/${id}`,
   );
   cy.readFile(TYPES_FILE).should("contains", name);
   cy.readFile(CUSTOM_TYPE_MODEL(id));

cypress/helpers/filesystem.js

@@ -44,6 +44,6 @@ export function removeTypes() {
  */
 export function modifyFile(filePath, updateContent) {
   cy.readFile(filePath).then((content) =>
-    cy.writeFile(filePath, updateContent(content))
+    cy.writeFile(filePath, updateContent(content)),
   );
 }

cypress/helpers/images.js

@@ -13,7 +13,7 @@ export function isSameImageAs(subject, fixtureImage) {
         isCorrectDimensions(
           subject,
           fixtureImage.naturalWidth,
-          fixtureImage.naturalHeight
+          fixtureImage.naturalHeight,
         );
         resolve();
       };

cypress/helpers/localStorage.js

@@ -31,7 +31,7 @@ export function setSliceMachineUserContext({
         lastSyncChange,
         hasSeenSimulatorToolTip,
       }),
-    })
+    }),
   );
 }
 

cypress/helpers/slices.js

@@ -24,7 +24,7 @@ export function createSlice(lib, id, name) {
 
   cy.location("pathname", { timeout: 20000 }).should(
     "eq",
-    `/slices/${lib}/${name}/default`
+    `/slices/${lib}/${name}/default`,
   );
   cy.readFile(TYPES_FILE).should("contains", name);
 }

cypress/pages/RenameModal.js

@@ -26,7 +26,7 @@ class CustomTypeRenameModal extends RenameModal {
   constructor() {
     super(
       "[data-cy=rename-custom-type-modal]",
-      '[data-cy="custom-type-name-input"]'
+      '[data-cy="custom-type-name-input"]',
     );
   }
 }

cypress/pages/simulator/editorPage.js

@@ -49,7 +49,7 @@ class EditorPage {
       .then((currentValue) => {
         if (currentValue === value) {
           throw new Error(
-            `Cannot toggle "${inputLabel}" to same value (${value})`
+            `Cannot toggle "${inputLabel}" to same value (${value})`,
           );
         }
       });

cypress/pages/slices/screenshotModal.js

@@ -16,7 +16,7 @@ class ScreenshotModal {
   uploadImage(imageFixturePath) {
     cy.get(`${this.root} input[type="file"]`).selectFile(
       `${fixturePath}${imageFixturePath}`,
-      { force: true }
+      { force: true },
     );
     return this;
   }

cypress/pages/slices/sliceBuilder.js

@@ -83,7 +83,7 @@ class SliceBuilder extends BaseBuilder {
         .callsFake((url) => {
           simUrl = url;
           console.log(
-            `window.open() won't be called as it currently generates a timeout in cypress. Calling cy.visit('${url}') instead.`
+            `window.open() won't be called as it currently generates a timeout in cypress. Calling cy.visit('${url}') instead.`,
           );
           // win.open.wrappedMethod.call(win, url, "_self");
         });

cypress/plugins/addAuth.ts

@@ -18,12 +18,12 @@ const main = async () => {
       headers: {
         "Content-Type": "application/json",
       },
-    }
+    },
   );
 
   if (!res.headers.has("Set-Cookie")) {
     throw new Error(
-      "Could not authenticate to prismic. Please check the credentials."
+      "Could not authenticate to prismic. Please check the credentials.",
     );
   }
 
@@ -32,7 +32,7 @@ const main = async () => {
     JSON.stringify({
       base: new URL(PRISMIC_URL).toString(),
       cookies: res.headers.get("Set-Cookie")?.split(", ").join("; ") || "",
-    })
+    }),
   );
 };
 

cypress/plugins/createRepo.ts

@@ -9,7 +9,7 @@ const [, , DOMAIN_NAME, PASSWORD, PRISMIC_URL] = process.argv;
 
 const main = async () => {
   const prismicAuthState = JSON.parse(
-    await fs.readFile(path.join(os.homedir(), ".prismic"), "utf8")
+    await fs.readFile(path.join(os.homedir(), ".prismic"), "utf8"),
   );
   const prismicAuthStateCookies = cookie.parse(prismicAuthState.cookies);
 

cypress/support/commands.js

@@ -8,7 +8,7 @@ import * as imageHelpers from "../helpers/images";
 Object.keys(localStorageHelpers).forEach((localStorageHelper) => {
   Cypress.Commands.add(
     localStorageHelper,
-    localStorageHelpers[localStorageHelper]
+    localStorageHelpers[localStorageHelper],
   );
 });
 
@@ -21,7 +21,7 @@ Object.keys(filesystemHelpers).forEach((filesystemHelper) => {
 Object.keys(customTypesHelpers).forEach((customTypesHelper) => {
   Cypress.Commands.add(
     customTypesHelper,
-    customTypesHelpers[customTypesHelper]
+    customTypesHelpers[customTypesHelper],
   );
 });
 
@@ -35,7 +35,7 @@ Object.keys(imageHelpers).forEach((imageHelper) => {
   Cypress.Commands.add(
     imageHelper,
     { prevSubject: true },
-    imageHelpers[imageHelper]
+    imageHelpers[imageHelper],
   );
 });
 

cypress/support/index.d.ts

@@ -7,13 +7,13 @@ declare namespace Cypress {
       hasSendAReview?: boolean,
       viewedUpdates?: Record<string, unknown>,
       hasSeenTutorialsToolTip?: boolean,
-      hasSeenSimulatorToolTip?: boolean
+      hasSeenSimulatorToolTip?: boolean,
     ): Chainable<undefined>;
     getSliceMachineUSerContext(): Chainable<
       undefined | Record<string, unknown>
     >;
     getInputByLabel<E extends Node = HTMLElement>(
-      label: string
+      label: string,
     ): Chainable<JQuery<E>>;
   }
 }

e2e-projects/sveltekit/package.json

@@ -20,10 +20,10 @@
 		"@typescript-eslint/eslint-plugin": "^5.45.0",
 		"@typescript-eslint/parser": "^5.45.0",
 		"eslint": "^8.28.0",
-		"eslint-config-prettier": "8.7.0",
+		"eslint-config-prettier": "^9.0.0",
 		"eslint-plugin-svelte": "^2.30.0",
-		"prettier": "2.8.4",
-		"prettier-plugin-svelte": "^2.10.1",
+		"prettier": "^3.0.3",
+		"prettier-plugin-svelte": "^3.0.3",
 		"slice-machine-ui": "workspace:*",
 		"svelte": "^4.0.5",
 		"svelte-check": "^3.4.3",

package.json

@@ -56,7 +56,7 @@
     "husky": "8.0.3",
     "lerna": "7.0.2",
     "lint-staged": "13.2.0",
-    "prettier": "2.8.4",
+    "prettier": "3.0.3",
     "start-server-and-test": "1.15.5"
   },
   "lint-staged": {