/*******************************************************************************
 * © Apployees Inc., 2019
 * All Rights Reserved.
 ******************************************************************************/
import _ from "lodash";
import { IBuildWebserverBuilderOptions } from "./webserver-types";
import { importTransformer } from "./import-transformer";
import path from "path";

// style files regexes
export const cssRegex = /\.css$/;
export const cssModuleRegex = /\.module\.css$/;
export const sassRegex = /\.(scss|sass)$/;
export const sassModuleRegex = /\.module\.(scss|sass)$/;
export const lessRegex = /\.less$/;
export const lessModuleRegex = /\.module\.less$/;

export function getBaseLoaders(
  options: IBuildWebserverBuilderOptions,
  context: string,
  esm: boolean,
  debug: boolean, // controls verbosity for babel
  isEnvDevelopment: boolean,
  isEnvServer: boolean,
) {
  const isEnvProduction = !isEnvDevelopment;

  return [
    // Disable require.ensure as it's not a standard language feature.
    { parser: { requireEnsure: false } },
    {
      test: /\.([jt])sx?$/,
      loader: _.isString(require.resolve("ts-loader")) ? require.resolve("ts-loader") : "ts-loader",
      exclude: /node_modules/,
      options: {
        configFile: options.tsConfig,
        silent: true,
        transpileOnly: true,
        // https://github.com/TypeStrong/ts-loader/pull/685
        experimentalWatchApi: true,
        compilerOptions: {
          sourceMap: (isEnvServer && options.sourceMap) || isEnvDevelopment,
          incremental: true,
          tsBuildInfoFile: options.outputPath + (isEnvServer ? "server" : "client") + ".tsbuildinfo",
          module: "esnext",
        },
        getCustomTransformers: () => ({
          before: [importTransformer(options.importTransformers)],
        }),
      },

      // XXX: Was using babel-loader before. There are just too many
      // hacks and workarounds for getting full typescript support.
      // Ditching babel for now until there is a clear advantage. Note that
      // tsc now supports transformers so we have a transformer above that can
      // slim down imports from libraries like antd.

      // loader: `babel-loader`,
      // exclude: /node_modules/,
      // options: {
      //   presets: [
      //     [
      //       _.isString(require.resolve('@babel/preset-env')) ?
      //         require.resolve('@babel/preset-env') : '@babel/preset-env',
      //       {
      //         // Allows browserlist file from project to be used.
      //         configPath: context,
      //         // Allow importing core-js in entrypoint and use browserlist to select polyfills.
      //         // This is needed for differential loading as well.
      //         useBuiltIns: 'entry',
      //         debug,
      //         corejs: 3,
      //         modules: false,
      //         // Exclude transforms that make all code slower
      //         exclude: ['transform-typeof-symbol'],
      //         // Let babel-env figure which modern browsers to support.
      //         // See: https://github.com/babel/babel/blob/master/packages/babel-preset-env/data/built-in-modules.json
      //         targets: esm ? { esmodules: true } : undefined
      //       }
      //     ],
      //     [
      //       _.isString(require.resolve('@babel/preset-typescript')) ?
      //         require.resolve('@babel/preset-typescript') : '@babel/preset-typescript',
      //       { isTSX: true, allExtensions: true, allowNamespaces: true }
      //     ],
      //     [
      //       _.isString(require.resolve('@babel/preset-react')) ?
      //         require.resolve('@babel/preset-react') : '@babel/preset-react',
      //       {
      //         useBuiltIns: true
      //       }
      //     ]
      //   ],
      //   plugins: [
      //     _.isString(require.resolve('babel-plugin-macros')) ?
      //       require.resolve('babel-plugin-macros') : 'babel-plugin-macros',
      //     _.isString(require.resolve('babel-plugin-transform-typescript-metadata')) ?
      //       require.resolve('babel-plugin-transform-typescript-metadata') : 'babel-plugin-transform-typescript-metadata',
      //     // Must use legacy decorators to remain compatible with TypeScript.
      //     [_.isString(require.resolve('@babel/plugin-proposal-decorators')) ?
      //       require.resolve('@babel/plugin-proposal-decorators') : '@babel/plugin-proposal-decorators',
      //       { legacy: true }],
      //     [
      //       _.isString(require.resolve('@babel/plugin-proposal-class-properties')) ?
      //         require.resolve('@babel/plugin-proposal-class-properties') : '@babel/plugin-proposal-class-properties',
      //       { loose: true }
      //     ],
      //     _.isString(require.resolve('babel-plugin-parameter-decorator')) ?
      //       require.resolve('babel-plugin-parameter-decorator') : 'babel-plugin-parameter-decorator',
      //     // Add support for styled-components ssr
      //     _.isString(require.resolve('babel-plugin-styled-components')) ?
      //       require.resolve('babel-plugin-styled-components') : 'babel-plugin-styled-components',
      //     // Transform dynamic import to require for server
      //     isEnvServer && _.isString(require.resolve('babel-plugin-dynamic-import-node')) ?
      //       require.resolve('babel-plugin-dynamic-import-node') : 'babel-plugin-dynamic-import-node',
      //     [
      //       _.isString(require.resolve('babel-plugin-named-asset-import')) ?
      //         require.resolve('babel-plugin-named-asset-import') : 'babel-plugin-named-asset-import',
      //       {
      //         loaderMap: {
      //           svg: {
      //             ReactComponent: '@svgr/webpack?-svgo,+titleProp,+ref![path]',
      //           },
      //         },
      //       },
      //     ],
      //     !isEnvServer && ["import", { libraryName: "antd", libraryDirectory: "lib", style: true}, "ant"],
      //     !isEnvServer && ["import", { libraryName: "antd-mobile", libraryDirectory: "lib", style: true}, "antd-mobile"],
      //   ].filter(Boolean),
      //   // This is a feature of `babel-loader` for webpack (not Babel itself).
      //   // It enables caching results in ./node_modules/.cache/babel-loader/
      //   // directory for faster rebuilds.
      //   cacheDirectory: true,
      //   cacheCompression: isEnvProduction,
      //   compact: isEnvProduction,
      // }
    },
  ];
}

export function getCSSModuleLocalIdent(isEnvDevelopment: boolean): string {
  return isEnvDevelopment ? "[path][name]__[local]" : "[hash:base64]";
}