slice-machine-ui 1.18.1-dev-next-release.2 → 1.18.1-dev-next-release.4

package/src/hooks/useSMTracker.ts

@@ -46,7 +46,7 @@ const useSMTracker = () => {
 export default useSMTracker;
 
 function group(
-  libs: readonly LibraryUI[]
+  libs: readonly LibraryUI[],
 ): ReturnType<typeof telemetry.group> | void {
   const downloadedLibs = libs.filter((l) => l.meta.isDownloaded);
 
@@ -55,7 +55,7 @@ function group(
     downloadedLibsCount: downloadedLibs.length,
     npmLibsCount: libs.filter((l) => l.meta.isNodeModule).length,
     downloadedLibs: downloadedLibs.map((l) =>
-      l.meta.name != null ? l.meta.name : "Unknown"
+      l.meta.name != null ? l.meta.name : "Unknown",
     ),
   });
 }

package/src/hooks/useSliceMachineConfig.ts

@@ -5,7 +5,7 @@ import { managerClient } from "@src/managerClient";
 
 type UseSliceMachineConfigReturnType = [
   config: SliceMachineConfig,
-  setConfig: (config: SliceMachineConfig) => Promise<void>
+  setConfig: (config: SliceMachineConfig) => Promise<void>,
 ];
 
 export function useSliceMachineConfig(): UseSliceMachineConfigReturnType {

package/src/hooks/useThrottle.ts

@@ -3,18 +3,21 @@ import { useEffect, useState, useRef } from "react";
 function useThrottle<T>(
   cb: () => T,
   limit: number,
-  args: ReadonlyArray<unknown>
+  args: ReadonlyArray<unknown>,
 ): T {
   const [throttledValue, setThrottledValue] = useState(cb());
   const lastRan = useRef(Date.now());
 
   useEffect(() => {
-    const handler = setTimeout(function () {
-      if (Date.now() - lastRan.current >= limit) {
-        setThrottledValue(cb());
-        lastRan.current = Date.now();
-      }
-    }, limit - (Date.now() - lastRan.current));
+    const handler = setTimeout(
+      function () {
+        if (Date.now() - lastRan.current >= limit) {
+          setThrottledValue(cb());
+          lastRan.current = Date.now();
+        }
+      },
+      limit - (Date.now() - lastRan.current),
+    );
 
     return () => {
       clearTimeout(handler);

package/src/hooks/useUnSyncChanges.ts

@@ -43,7 +43,7 @@ export const useUnSyncChanges = (): UnSyncChanges => {
       customTypes: selectAllCustomTypes(store),
       slices: getFrontendSlices(store),
       libraries: getLibraries(store),
-    })
+    }),
   );
 
   const { modelsStatuses, authStatus, isOnline } = useModelStatus({
@@ -52,7 +52,7 @@ export const useUnSyncChanges = (): UnSyncChanges => {
   });
 
   const localComponents: ComponentUI[] = libraries.flatMap(
-    (lib) => lib.components
+    (lib) => lib.components,
   );
 
   const deletedComponents: ComponentUI[] = slices
@@ -67,15 +67,15 @@ export const useUnSyncChanges = (): UnSyncChanges => {
     (component) =>
       // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       modelsStatuses.slices[component.model.id] &&
-      unSyncStatuses.includes(modelsStatuses.slices[component.model.id])
+      unSyncStatuses.includes(modelsStatuses.slices[component.model.id]),
   );
   const unSyncedCustomTypes = customTypes.filter(
     (customType) =>
       // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
       modelsStatuses.customTypes[getModelId(customType)] &&
       unSyncStatuses.includes(
-        modelsStatuses.customTypes[getModelId(customType)]
-      )
+        modelsStatuses.customTypes[getModelId(customType)],
+      ),
   );
 
   return {

package/src/hooks/useWindowDimensions.ts

@@ -10,7 +10,7 @@ function getWindowDimensions() {
 
 export default function useWindowDimensions() {
   const [windowDimensions, setWindowDimensions] = useState(
-    getWindowDimensions()
+    getWindowDimensions(),
   );
 
   useEffect(() => {

package/src/modules/availableCustomTypes/index.ts

@@ -41,7 +41,7 @@ import { ToastMessageWithPath } from "@components/ToasterContainer";
 export const createCustomTypeCreator = createAsyncAction(
   "CUSTOM_TYPES/CREATE.REQUEST",
   "CUSTOM_TYPES/CREATE.RESPONSE",
-  "CUSTOM_TYPES/CREATE.FAILURE"
+  "CUSTOM_TYPES/CREATE.FAILURE",
 )<
   {
     id: string;
@@ -55,7 +55,7 @@ export const createCustomTypeCreator = createAsyncAction(
 >();
 
 export const renameAvailableCustomType = createAction(
-  "CUSTOM_TYPES/RENAME_CUSTOM_TYPE"
+  "CUSTOM_TYPES/RENAME_CUSTOM_TYPE",
 )<{
   renamedCustomType: CustomTypeSM;
 }>();
@@ -63,7 +63,7 @@ export const renameAvailableCustomType = createAction(
 export const deleteCustomTypeCreator = createAsyncAction(
   "CUSTOM_TYPES/DELETE.REQUEST",
   "CUSTOM_TYPES/DELETE.RESPONSE",
-  "CUSTOM_TYPES/DELETE.FAILURE"
+  "CUSTOM_TYPES/DELETE.FAILURE",
 )<
   {
     customTypeId: string;
@@ -85,15 +85,15 @@ type CustomTypesActions =
 
 // Selectors
 export const selectAllCustomTypes = (
-  store: SliceMachineStoreType
+  store: SliceMachineStoreType,
 ): LocalOrRemoteCustomType[] => Object.values(store.availableCustomTypes);
 
 export const selectAllCustomTypeIds = (
-  store: SliceMachineStoreType
+  store: SliceMachineStoreType,
 ): string[] => Object.keys(store.availableCustomTypes);
 
 export const selectAllCustomTypeLabels = (
-  store: SliceMachineStoreType
+  store: SliceMachineStoreType,
 ): string[] => {
   return Object.values(store.availableCustomTypes)
     .flatMap((localOrRemote) => {
@@ -108,7 +108,7 @@ export const selectAllCustomTypeLabels = (
 
 export const selectCustomTypeById = (
   store: SliceMachineStoreType,
-  id: string
+  id: string,
 ): LocalOrRemoteCustomType | null => store.availableCustomTypes[id];
 
 // Reducer
@@ -122,7 +122,7 @@ export const availableCustomTypesReducer: Reducer<
     case getType(refreshStateCreator): {
       const normalizedNewCustomType = normalizeFrontendCustomTypes(
         action.payload.localCustomTypes,
-        action.payload.remoteCustomTypes
+        action.payload.remoteCustomTypes,
       );
 
       return {
@@ -131,7 +131,7 @@ export const availableCustomTypesReducer: Reducer<
     }
     case getType(createCustomTypeCreator.success): {
       const normalizedNewCustomType = normalizeFrontendCustomType(
-        action.payload.newCustomType
+        action.payload.newCustomType,
       );
 
       return {
@@ -173,7 +173,7 @@ export const availableCustomTypesReducer: Reducer<
       if (hasLocalAndRemote(customType)) {
         const remoteOnlyCustomType: RemoteOnlyCustomType = omit(
           customType,
-          "local"
+          "local",
         );
         return {
           ...state,
@@ -190,7 +190,7 @@ export const availableCustomTypesReducer: Reducer<
       const sliceId = action.payload.sliceId;
 
       const customTypesUpdated: AvailableCustomTypesStoreType = Object.entries(
-        state
+        state,
       )
         .map<[string, LocalOrRemoteCustomType]>(
           ([customTypeId, customType]) => {
@@ -205,7 +205,7 @@ export const availableCustomTypesReducer: Reducer<
             }
 
             return [customTypeId, customType];
-          }
+          },
         )
         .reduce<AvailableCustomTypesStoreType>(
           (acc, [customTypeId, customType]) => {
@@ -214,7 +214,7 @@ export const availableCustomTypesReducer: Reducer<
               [customTypeId]: customType,
             };
           },
-          {}
+          {},
         );
 
       return customTypesUpdated;
@@ -237,8 +237,8 @@ export function* createCustomTypeSaga({
         payload.id,
         payload.label,
         payload.repeatable,
-        payload.format
-      )
+        payload.format,
+      ),
     );
     yield call(saveCustomType, newCustomType);
     yield put(createCustomTypeCreator.success({ newCustomType }));
@@ -252,7 +252,7 @@ export function* createCustomTypeSaga({
                 newPageType: true,
               }
             : undefined,
-      })
+      }),
     );
     yield put(
       openToasterCreator({
@@ -264,7 +264,7 @@ export function* createCustomTypeSaga({
           path: `./customtypes/${newCustomType.id}/index.json`,
         }),
         type: ToasterType.SUCCESS,
-      })
+      }),
     );
   } catch (e) {
     yield put(
@@ -274,7 +274,7 @@ export function* createCustomTypeSaga({
           plural: false,
         })} not saved`,
         type: ToasterType.ERROR,
-      })
+      }),
     );
   }
 }
@@ -283,7 +283,7 @@ export function* createCustomTypeSaga({
 function* handleCustomTypeRequests() {
   yield takeLatest(
     getType(createCustomTypeCreator.request),
-    withLoader(createCustomTypeSaga, LoadingKeysEnum.CREATE_CUSTOM_TYPE)
+    withLoader(createCustomTypeSaga, LoadingKeysEnum.CREATE_CUSTOM_TYPE),
   );
 }
 

package/src/modules/environment/index.ts

@@ -38,7 +38,7 @@ export const updateManifestCreator = createAction("STATE/UPDATE_MANIFEST")<{
 export const getChangelogCreator = createAsyncAction(
   "CHANGELOG.REQUEST",
   "CHANGELOG.RESPONSE",
-  "CHANGELOG.FAILURE"
+  "CHANGELOG.FAILURE",
 )<
   undefined,
   {
@@ -55,11 +55,11 @@ type EnvironmentActions = ActionType<
 
 // Selectors
 export const getEnvironment = (
-  store: SliceMachineStoreType
+  store: SliceMachineStoreType,
 ): FrontEndEnvironment => store.environment;
 
 export const selectSimulatorUrl = (
-  store: SliceMachineStoreType
+  store: SliceMachineStoreType,
 ): string | undefined => {
   return store.environment.manifest.localSliceSimulatorURL;
 };
@@ -74,7 +74,7 @@ export const selectEndpoints = (store: SliceMachineStoreType): APIEndpoints =>
   store.environment.endpoints;
 
 export const selectIsSimulatorAvailableForFramework = (
-  store: SliceMachineStoreType
+  store: SliceMachineStoreType,
 ): boolean => {
   return store.environment.supportsSliceSimulator;
 };
@@ -98,7 +98,7 @@ export const getChangelog = (store: SliceMachineStoreType) => {
 };
 
 export const getPackageManager = (
-  store: SliceMachineStoreType
+  store: SliceMachineStoreType,
 ): PackageManager => {
   return store.environment.packageManager;
 };
@@ -152,7 +152,7 @@ export function* getChangelogSaga(): Generator<
 function* watchChangelog() {
   yield takeLatest(
     getType(getChangelogCreator.request),
-    withLoader(getChangelogSaga, LoadingKeysEnum.CHANGELOG)
+    withLoader(getChangelogSaga, LoadingKeysEnum.CHANGELOG),
   );
 }
 

package/src/modules/loading/index.ts

@@ -29,13 +29,13 @@ type LoadingActions = ActionType<
 // Selectors
 export const isLoading = (
   store: SliceMachineStoreType,
-  key: LoadingKeysEnum
+  key: LoadingKeysEnum,
 ): boolean => store.loading[key];
 
 // Reducer
 export const loadingReducer: Reducer<LoadingStoreType, LoadingActions> = (
   state = initialState,
-  action
+  action,
 ) => {
   switch (action.type) {
     case getType(startLoadingActionCreator):
@@ -68,7 +68,7 @@ export const withLoader = (saga: any, loadingKey: LoadingKeysEnum): Saga<any> =>
         args[3],
         args[4],
         args[5],
-        args[6]
+        args[6],
       );
     } finally {
       yield put(stopLoadingActionCreator({ loadingKey }));

package/src/modules/modal/index.ts

@@ -22,13 +22,13 @@ type ModalActions = ActionType<
 // Selectors
 export const isModalOpen = (
   state: SliceMachineStoreType,
-  dialog: ModalKeysEnum
+  dialog: ModalKeysEnum,
 ): boolean => state.modal[dialog];
 
 // Reducer
 export const modalReducer: Reducer<ModalStoreType, ModalActions> = (
   state = initialState,
-  action
+  action,
 ) => {
   switch (action.type) {
     case getType(modalCloseCreator):

package/src/modules/pushChangesSaga/index.ts

@@ -47,7 +47,7 @@ type Limit = NonNullable<
 export const changesPushCreator = createAsyncAction(
   "PUSH_CHANGES.REQUEST",
   "PUSH_CHANGES.RESPONSE",
-  "PUSH_CHANGES.FAILURE"
+  "PUSH_CHANGES.FAILURE",
 )<ChangesPushSagaPayload, undefined, Limit | InvalidCustomTypeResponse>();
 
 export const sortDocumentLimits = (limit: Readonly<Limit>) => ({
@@ -55,7 +55,7 @@ export const sortDocumentLimits = (limit: Readonly<Limit>) => ({
   details: {
     ...limit.details,
     customTypes: [...limit.details.customTypes].sort(
-      (doc1, doc2) => doc2.numberOfDocuments - doc1.numberOfDocuments
+      (doc1, doc2) => doc2.numberOfDocuments - doc1.numberOfDocuments,
     ),
   },
 });
@@ -107,7 +107,7 @@ export function* changesPushSaga({
       yield put(
         modalOpenCreator({
           modalKey: MODAL_KEY_MAP[response.type],
-        })
+        }),
       );
       return;
     }
@@ -123,7 +123,7 @@ export function* changesPushSaga({
         libraries: serverState.libraries,
         remoteSlices: serverState.remoteSlices,
         clientError: serverState.clientError,
-      })
+      }),
     );
 
     // Tracking the success of the push
@@ -137,7 +137,7 @@ export function* changesPushSaga({
       openToasterCreator({
         content: "All slices and types have been pushed",
         type: ToasterType.SUCCESS,
-      })
+      }),
     );
   } catch (error) {
     if (isUnauthenticatedError(error) || isUnauthorizedError(error)) {
@@ -150,7 +150,7 @@ export function* changesPushSaga({
         content:
           "Something went wrong when pushing your changes. Check your terminal logs.",
         type: ToasterType.ERROR,
-      })
+      }),
     );
   }
 }
@@ -158,7 +158,7 @@ export function* changesPushSaga({
 function* watchChangesPush() {
   yield takeLatest(
     getType(changesPushCreator.request),
-    withLoader(changesPushSaga, LoadingKeysEnum.CHANGES_PUSH)
+    withLoader(changesPushSaga, LoadingKeysEnum.CHANGES_PUSH),
   );
 }
 

package/src/modules/pushChangesSaga/trackPushChangesSuccess.ts

@@ -40,7 +40,7 @@ export function trackPushChangesSuccess(params: trackingParameters) {
       customTypesCreated: 0,
       customTypesModified: 0,
       customTypesDeleted: 0,
-    }
+    },
   );
 
   const slicesStats = changedSlices.reduce<{
@@ -70,13 +70,13 @@ export function trackPushChangesSuccess(params: trackingParameters) {
       slicesCreated: 0,
       slicesModified: 0,
       slicesDeleted: 0,
-    }
+    },
   );
 
   const total = changedSlices.length + changedCustomTypes.length;
   const missingScreenshots: number = changedSlices.reduce(
     (sum, sliceChange) => sum + countMissingScreenshots(sliceChange.slice),
-    0
+    0,
   );
   const duration = Date.now() - startTime;
 

package/src/modules/screenshots/actions.ts

@@ -12,7 +12,7 @@ export type SelectedSliceActions =
 export const generateSliceScreenshotCreator = createAsyncAction(
   "SLICE/TAKE_SCREENSHOT.REQUEST",
   "SLICE/TAKE_SCREENSHOT.RESPONSE",
-  "SLICE/TAKE_SCREENSHOT.FAILURE"
+  "SLICE/TAKE_SCREENSHOT.FAILURE",
 )<
   {
     variationId: string;
@@ -30,7 +30,7 @@ export const generateSliceScreenshotCreator = createAsyncAction(
 export const generateSliceCustomScreenshotCreator = createAsyncAction(
   "SLICE/GENERATE_CUSTOM_SCREENSHOT.REQUEST",
   "SLICE/GENERATE_CUSTOM_SCREENSHOT.RESPONSE",
-  "SLICE/GENERATE_CUSTOM_SCREENSHOT.FAILURE"
+  "SLICE/GENERATE_CUSTOM_SCREENSHOT.FAILURE",
 )<
   {
     variationId: string;

package/src/modules/screenshots/sagas.ts

@@ -39,7 +39,7 @@ export function* generateSliceScreenshotSaga({
       openToasterCreator({
         url: response.url,
         type: ToasterType.SCREENSHOT_CAPTURED,
-      })
+      }),
     );
 
     void telemetry.track({
@@ -55,14 +55,14 @@ export function* generateSliceScreenshotSaga({
           url: response.url,
         },
         component,
-      })
+      }),
     );
   } catch (e) {
     yield put(
       openToasterCreator({
         content: "Internal Error: Screenshot not saved",
         type: ToasterType.ERROR,
-      })
+      }),
     );
   }
 }
@@ -97,14 +97,14 @@ export function* generateSliceCustomScreenshotSaga({
           url: response.url,
         },
         component,
-      })
+      }),
     );
   } catch (e) {
     yield put(
       openToasterCreator({
         content: "Internal Error: Custom screenshot not saved",
         type: ToasterType.ERROR,
-      })
+      }),
     );
   }
 }
@@ -114,8 +114,8 @@ function* watchGenerateSliceScreenshot() {
     getType(generateSliceScreenshotCreator.request),
     withLoader(
       generateSliceScreenshotSaga,
-      LoadingKeysEnum.GENERATE_SLICE_SCREENSHOT
-    )
+      LoadingKeysEnum.GENERATE_SLICE_SCREENSHOT,
+    ),
   );
 }
 function* watchGenerateSliceCustomScreenshot() {
@@ -123,8 +123,8 @@ function* watchGenerateSliceCustomScreenshot() {
     getType(generateSliceCustomScreenshotCreator.request),
     withLoader(
       generateSliceCustomScreenshotSaga,
-      LoadingKeysEnum.GENERATE_SLICE_CUSTOM_SCREENSHOT
-    )
+      LoadingKeysEnum.GENERATE_SLICE_CUSTOM_SCREENSHOT,
+    ),
   );
 }
 

package/src/modules/selectedCustomType/actions.ts

@@ -28,14 +28,14 @@ export const initCustomTypeStoreCreator = createAction("CUSTOM_TYPE/INIT")<{
 }>();
 
 export const cleanupCustomTypeStoreCreator = createAction(
-  "CUSTOM_TYPE/CLEANUP"
+  "CUSTOM_TYPE/CLEANUP",
 )();
 
 // Async actions
 export const saveCustomTypeCreator = createAsyncAction(
   "CUSTOM_TYPE/SAVE.REQUEST",
   "CUSTOM_TYPE/SAVE.RESPONSE",
-  "CUSTOM_TYPE/SAVE.FAILURE"
+  "CUSTOM_TYPE/SAVE.FAILURE",
 )<undefined, { customType: CustomTypeSM }>();
 
 // Tab actions
@@ -79,13 +79,13 @@ export const reorderFieldCreator = createAction("CUSTOM_TYPE/REORDER_FIELD")<{
 
 // Slice zone actions
 export const createSliceZoneCreator = createAction(
-  "CUSTOM_TYPE/CREATE_SLICE_ZONE"
+  "CUSTOM_TYPE/CREATE_SLICE_ZONE",
 )<{
   tabId: string;
 }>();
 
 export const deleteSliceZoneCreator = createAction(
-  "CUSTOM_TYPE/DELETE_SLICE_ZONE"
+  "CUSTOM_TYPE/DELETE_SLICE_ZONE",
 )<{
   tabId: string;
 }>();
@@ -97,21 +97,21 @@ export type ReplaceSharedSliceCreatorPayload = {
 };
 
 export const deleteSharedSliceCreator = createAction(
-  "CUSTOM_TYPE/DELETE_SHARED_SLICE"
+  "CUSTOM_TYPE/DELETE_SHARED_SLICE",
 )<{
   tabId: string;
   sliceId: string;
 }>();
 
 export const renameSelectedCustomTypeLabel = createAction(
-  "CUSTOM_TYPE/RENAME_CUSTOM_TYPE"
+  "CUSTOM_TYPE/RENAME_CUSTOM_TYPE",
 )<{
   newLabel: string;
 }>();
 
 // Group actions (can be grouped into the field actions probably)
 export const addFieldIntoGroupCreator = createAction(
-  "CUSTOM_TYPE/GROUP/ADD_FIELD"
+  "CUSTOM_TYPE/GROUP/ADD_FIELD",
 )<{
   tabId: string;
   groupId: string;
@@ -120,7 +120,7 @@ export const addFieldIntoGroupCreator = createAction(
 }>();
 
 export const replaceFieldIntoGroupCreator = createAction(
-  "CUSTOM_TYPE/GROUP/REPLACE_FIELD"
+  "CUSTOM_TYPE/GROUP/REPLACE_FIELD",
 )<{
   tabId: string;
   groupId: string;
@@ -130,7 +130,7 @@ export const replaceFieldIntoGroupCreator = createAction(
 }>();
 
 export const reorderFieldIntoGroupCreator = createAction(
-  "CUSTOM_TYPE/GROUP/REORDER_FIELD"
+  "CUSTOM_TYPE/GROUP/REORDER_FIELD",
 )<{
   tabId: string;
   groupId: string;
@@ -139,7 +139,7 @@ export const reorderFieldIntoGroupCreator = createAction(
 }>();
 
 export const deleteFieldIntoGroupCreator = createAction(
-  "CUSTOM_TYPE/GROUP/DELETE_FIELD"
+  "CUSTOM_TYPE/GROUP/DELETE_FIELD",
 )<{
   tabId: string;
   groupId: string;