// @ts-ignore
import type { StorybookConfig } from "@storybook/react";
import {
  configureSharedConfig,
  getAbsolutePath,
} from "@aztlan/storybook-config";

const {
  addons,
  core,
  docs,
  framework,
  pushScss,
  pushTsconfigPathsPlugin,
  staticDirs,
  stories,
  resolve,
  typescript,
} = configureSharedConfig({
  location: __dirname,
  assets: [`${getAbsolutePath("@ldmnet/assets")}/fonts`],
  alias: [
    "@aztlan/react-relay",
    "react",
    "react-dom",
    "react-relay",
    "react-hook-form",
  ],
});

/** @type { import('@storybook/react-webpack5').StorybookConfig } */
const config: StorybookConfig = {
  addons: [...addons, getAbsolutePath("@aztlan/storybook-addon-relay")],
  core,
  docs,
  framework,
  staticDirs,
  stories,
  typescript,
  webpackFinal: async (c, { configType }) => {
    c.resolve = { ...c.resolve, ...resolve };
    pushScss(c);
    pushTsconfigPathsPlugin(c);
    return c;
  },
};

export default config;