summaryrefslogtreecommitdiff
path: root/src/store
diff options
context:
space:
mode:
authorGeorgios Andreadis <info@gandreadis.com>2020-06-29 15:47:09 +0200
committerFabian Mastenbroek <mail.fabianm@gmail.com>2020-08-24 16:08:41 +0200
commit90fae26aa4bd0e0eb3272ff6e6524060e9004fbb (patch)
treebf6943882f5fa5f3114c01fc571503c79ee1056d /src/store
parent7032a007d4431f5a0c4c5e2d3f3bd20462d49950 (diff)
Prepare frontend repository for monorepo
This change prepares the frontend Git repository for the monorepo residing at https://github.com/atlarge-research.com/opendc. To accomodate for this, we move all files into a frontend subdirectory.
Diffstat (limited to 'src/store')
-rw-r--r--src/store/configure-store.js41
-rw-r--r--src/store/middlewares/dummy-middleware.js3
-rw-r--r--src/store/middlewares/viewport-adjustment.js90
3 files changed, 0 insertions, 134 deletions
diff --git a/src/store/configure-store.js b/src/store/configure-store.js
deleted file mode 100644
index 29af25ab..00000000
--- a/src/store/configure-store.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import { applyMiddleware, compose, createStore } from "redux";
-import persistState from "redux-localstorage";
-import { createLogger } from "redux-logger";
-import createSagaMiddleware from "redux-saga";
-import thunk from "redux-thunk";
-import { authRedirectMiddleware } from "../auth/index";
-import rootReducer from "../reducers/index";
-import rootSaga from "../sagas/index";
-import { dummyMiddleware } from "./middlewares/dummy-middleware";
-import { viewportAdjustmentMiddleware } from "./middlewares/viewport-adjustment";
-
-const sagaMiddleware = createSagaMiddleware();
-
-let logger;
-if (process.env.NODE_ENV !== "production") {
- logger = createLogger();
-}
-
-const middlewares = [
- process.env.NODE_ENV === "production" ? dummyMiddleware : logger,
- thunk,
- sagaMiddleware,
- authRedirectMiddleware,
- viewportAdjustmentMiddleware
-];
-
-export let store = undefined;
-
-export default function configureStore() {
- const configuredStore = createStore(
- rootReducer,
- compose(
- persistState("auth"),
- applyMiddleware(...middlewares)
- )
- );
- sagaMiddleware.run(rootSaga);
- store = configuredStore;
-
- return configuredStore;
-}
diff --git a/src/store/middlewares/dummy-middleware.js b/src/store/middlewares/dummy-middleware.js
deleted file mode 100644
index 468b15d1..00000000
--- a/src/store/middlewares/dummy-middleware.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export const dummyMiddleware = store => next => action => {
- next(action);
-};
diff --git a/src/store/middlewares/viewport-adjustment.js b/src/store/middlewares/viewport-adjustment.js
deleted file mode 100644
index 132391f3..00000000
--- a/src/store/middlewares/viewport-adjustment.js
+++ /dev/null
@@ -1,90 +0,0 @@
-import {
- SET_MAP_DIMENSIONS,
- setMapPosition,
- setMapScale
-} from "../../actions/map";
-import { SET_CURRENT_DATACENTER } from "../../actions/topology/building";
-import {
- MAP_MAX_SCALE,
- MAP_MIN_SCALE,
- SIDEBAR_WIDTH,
- TILE_SIZE_IN_PIXELS,
- VIEWPORT_PADDING
-} from "../../components/app/map/MapConstants";
-import { calculateRoomListBounds } from "../../util/tile-calculations";
-
-export const viewportAdjustmentMiddleware = store => next => action => {
- const state = store.getState();
-
- let datacenterId = -1;
- let mapDimensions = {};
- if (action.type === SET_CURRENT_DATACENTER && action.datacenterId !== -1) {
- datacenterId = action.datacenterId;
- mapDimensions = state.map.dimensions;
- } else if (
- action.type === SET_MAP_DIMENSIONS &&
- state.currentDatacenterId !== -1
- ) {
- datacenterId = state.currentDatacenterId;
- mapDimensions = { width: action.width, height: action.height };
- }
-
- if (datacenterId !== -1) {
- const roomIds = state.objects.datacenter[datacenterId].roomIds;
- const rooms = roomIds.map(id => Object.assign({}, state.objects.room[id]));
- rooms.forEach(
- room =>
- (room.tiles = room.tileIds.map(tileId => state.objects.tile[tileId]))
- );
-
- let hasNoTiles = true;
- for (let i in rooms) {
- if (rooms[i].tiles.length > 0) {
- hasNoTiles = false;
- break;
- }
- }
-
- if (!hasNoTiles) {
- const viewportParams = calculateParametersToZoomInOnRooms(
- rooms,
- mapDimensions.width,
- mapDimensions.height
- );
- store.dispatch(setMapPosition(viewportParams.newX, viewportParams.newY));
- store.dispatch(setMapScale(viewportParams.newScale));
- }
- }
-
- next(action);
-};
-
-function calculateParametersToZoomInOnRooms(rooms, mapWidth, mapHeight) {
- const bounds = calculateRoomListBounds(rooms);
- const newScale = calculateNewScale(bounds, mapWidth, mapHeight);
-
- // Coordinates of the center of the room, relative to the global origin of the map
- const roomCenterCoordinates = {
- x: bounds.center.x * TILE_SIZE_IN_PIXELS * newScale,
- y: bounds.center.y * TILE_SIZE_IN_PIXELS * newScale
- };
-
- const newX = -roomCenterCoordinates.x + mapWidth / 2;
- const newY = -roomCenterCoordinates.y + mapHeight / 2;
-
- return { newScale, newX, newY };
-}
-
-function calculateNewScale(bounds, mapWidth, mapHeight) {
- const width = bounds.max.x - bounds.min.x;
- const height = bounds.max.y - bounds.min.y;
-
- const scaleX =
- (mapWidth - 2 * SIDEBAR_WIDTH) /
- (width * TILE_SIZE_IN_PIXELS + 2 * VIEWPORT_PADDING);
- const scaleY =
- mapHeight / (height * TILE_SIZE_IN_PIXELS + 2 * VIEWPORT_PADDING);
- const newScale = Math.min(scaleX, scaleY);
-
- return Math.min(Math.max(MAP_MIN_SCALE, newScale), MAP_MAX_SCALE);
-}