ff82d1cfa3
* feat: add the ability to change the alignement of the text * test: update the snapshots to included the newely textAlign state * style: use explicit key assignment to object * test: add missing new key textAlign to newElement.test.ts * style: make the text on the buttons start with uppercase * Update src/locales/en.json * add types * add migration * remove incorrect update Co-authored-by: Youness Fkhach <younessfkhach@porotonmail.com> Co-authored-by: Lipis <lipiridis@gmail.com> Co-authored-by: dwelle <luzar.david@gmail.com>
93 lines
2.6 KiB
TypeScript
93 lines
2.6 KiB
TypeScript
import { AppState, FlooredNumber } from "./types";
|
|
import { getDateTime } from "./utils";
|
|
import { t } from "./i18n";
|
|
|
|
export const DEFAULT_FONT = "20px Virgil";
|
|
export const DEFAULT_TEXT_ALIGN = "left";
|
|
|
|
export function getDefaultAppState(): AppState {
|
|
return {
|
|
isLoading: false,
|
|
errorMessage: null,
|
|
draggingElement: null,
|
|
resizingElement: null,
|
|
multiElement: null,
|
|
editingElement: null,
|
|
elementType: "selection",
|
|
elementLocked: false,
|
|
exportBackground: true,
|
|
currentItemStrokeColor: "#000000",
|
|
currentItemBackgroundColor: "transparent",
|
|
currentItemFillStyle: "hachure",
|
|
currentItemStrokeWidth: 1,
|
|
currentItemRoughness: 1,
|
|
currentItemOpacity: 100,
|
|
currentItemFont: DEFAULT_FONT,
|
|
currentItemTextAlign: DEFAULT_TEXT_ALIGN,
|
|
viewBackgroundColor: "#ffffff",
|
|
scrollX: 0 as FlooredNumber,
|
|
scrollY: 0 as FlooredNumber,
|
|
cursorX: 0,
|
|
cursorY: 0,
|
|
cursorButton: "up",
|
|
scrolledOutside: false,
|
|
name: `${t("labels.untitled")}-${getDateTime()}`,
|
|
username: "",
|
|
isCollaborating: false,
|
|
isResizing: false,
|
|
isRotating: false,
|
|
selectionElement: null,
|
|
zoom: 1,
|
|
openMenu: null,
|
|
lastPointerDownWith: "mouse",
|
|
selectedElementIds: {},
|
|
collaborators: new Map(),
|
|
shouldCacheIgnoreZoom: false,
|
|
showShortcutsDialog: false,
|
|
};
|
|
}
|
|
|
|
export function clearAppStateForLocalStorage(appState: AppState) {
|
|
const {
|
|
draggingElement,
|
|
resizingElement,
|
|
multiElement,
|
|
editingElement,
|
|
selectionElement,
|
|
isResizing,
|
|
isRotating,
|
|
collaborators,
|
|
isCollaborating,
|
|
isLoading,
|
|
errorMessage,
|
|
showShortcutsDialog,
|
|
...exportedState
|
|
} = appState;
|
|
return exportedState;
|
|
}
|
|
|
|
export function clearAppStatePropertiesForHistory(
|
|
appState: AppState,
|
|
): Partial<AppState> {
|
|
return {
|
|
selectedElementIds: appState.selectedElementIds,
|
|
exportBackground: appState.exportBackground,
|
|
currentItemStrokeColor: appState.currentItemStrokeColor,
|
|
currentItemBackgroundColor: appState.currentItemBackgroundColor,
|
|
currentItemFillStyle: appState.currentItemFillStyle,
|
|
currentItemStrokeWidth: appState.currentItemStrokeWidth,
|
|
currentItemRoughness: appState.currentItemRoughness,
|
|
currentItemOpacity: appState.currentItemOpacity,
|
|
currentItemFont: appState.currentItemFont,
|
|
currentItemTextAlign: appState.currentItemTextAlign,
|
|
viewBackgroundColor: appState.viewBackgroundColor,
|
|
name: appState.name,
|
|
};
|
|
}
|
|
|
|
export function cleanAppStateForExport(appState: AppState) {
|
|
return {
|
|
viewBackgroundColor: appState.viewBackgroundColor,
|
|
};
|
|
}
|