/*
 * Copyright (C)  2021-2022 Kristóf Marussy <kristof@marussy.com>
 *
 * This file is part of Sophie.
 *
 * Sophie is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, version 3.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 *
 * SPDX-License-Identifier: AGPL-3.0-only
 */

import {
  BrowserViewBounds,
  SharedStore,
  Service,
  SophieRenderer,
  ThemeSource,
} from '@sophie/shared';
import { applySnapshot, applyPatch, Instance, types } from 'mobx-state-tree';

import RendererEnv from '../env/RendererEnv';
import getEnv from '../env/getEnv';
import { getLogger } from '../utils/log';

const log = getLogger('RendererStore');

const RendererStore = types
  .model('RendererStore', {
    shared: types.optional(SharedStore, {}),
  })
  .views((self) => ({
    get services(): Service[] {
      return self.shared.services;
    },
    get selectedService(): Service | undefined {
      return self.shared.selectedService;
    },
  }))
  .actions((self) => ({
    setSelectedServiceId(serviceId: string): void {
      getEnv(self).dispatchMainAction({
        action: 'set-selected-service-id',
        serviceId,
      });
    },
    setBrowserViewBounds(browserViewBounds: BrowserViewBounds): void {
      getEnv(self).dispatchMainAction({
        action: 'set-browser-view-bounds',
        browserViewBounds,
      });
    },
    setThemeSource(themeSource: ThemeSource): void {
      getEnv(self).dispatchMainAction({
        action: 'set-theme-source',
        themeSource,
      });
    },
    toggleDarkMode(): void {
      if (self.shared.shouldUseDarkColors) {
        this.setThemeSource('light');
      } else {
        this.setThemeSource('dark');
      }
    },
  }));

/*
  eslint-disable-next-line @typescript-eslint/no-redeclare --
  Intentionally naming the type the same as the store definition.
*/
interface RendererStore extends Instance<typeof RendererStore> {}

export default RendererStore;

/**
 * Creates a new `RootStore` with a new environment and connects it to `ipc`.
 *
 * Changes to the `shared` store in the main process will be propagated to
 * the newly created store via `ipc`.
 *
 * @param ipc The `sophieRenderer` context bridge.
 */
export function createAndConnectRendererStore(
  ipc: SophieRenderer,
): RendererStore {
  const env: RendererEnv = {
    dispatchMainAction: ipc.dispatchAction,
  };
  const store = RendererStore.create({}, env);

  ipc
    .onSharedStoreChange({
      onSnapshot(snapshot) {
        applySnapshot(store.shared, snapshot);
      },
      onPatch(patch) {
        applyPatch(store.shared, patch);
      },
    })
    .catch((error) => {
      log.error('Failed to connect to shared store', error);
    });

  return store;
}