@financial-times/dotcom-build-sass 7.3.0 → 7.3.1

package/package.json

@@ -1,17 +1,16 @@
 {
   "name": "@financial-times/dotcom-build-sass",
-  "version": "7.3.0",
+  "version": "7.3.1",
   "description": "",
   "main": "dist/node/index.js",
   "types": "src/index.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "tsc": "../../node_modules/.bin/tsc --incremental",
     "clean": "npm run clean:dist && npm run clean:node_modules",
     "clean:dist": "rm -rf dist",
     "clean:node_modules": "rm -rf node_modules",
+    "build:node": "tsc",
     "build": "npm run build:node",
-    "build:node": "npm run tsc -- --module commonjs --outDir ./dist/node",
     "dev": "npm run build:node -- --watch",
     "preinstall": "[ \"$INIT_CWD\" != \"$PWD\" ] || npm_config_yes=true npx check-engine"
   },
@@ -40,6 +39,9 @@
     "node": ">= 14.0.0",
     "npm": "7.x || 8.x"
   },
+  "files": [
+    "dist/"
+  ],
   "repository": {
     "type": "git",
     "repository": "https://github.com/Financial-Times/dotcom-page-kit.git",
@@ -49,4 +51,4 @@
   "volta": {
     "extends": "../../package.json"
   }
-}
+}

package/src/index.ts

@@ -1,127 +0,0 @@
-import StylesOnlyPlugin from 'webpack-fix-style-only-entries'
-import MiniCssExtractPlugin from 'mini-css-extract-plugin'
-import type webpack from 'webpack'
-
-export type TPluginOptions = {
-  includePaths?: string[]
-  prependData?: string
-  webpackImporter?: boolean
-}
-
-export class PageKitSassPlugin {
-  includePaths: string[]
-  prependData: string
-  webpackImporter: boolean
-
-  constructor({ includePaths = [], prependData = '', webpackImporter }: TPluginOptions = {}) {
-    this.includePaths = includePaths
-    this.prependData = prependData
-    this.webpackImporter = webpackImporter
-  }
-
-  apply(compiler: webpack.Compiler) {
-    const sassLoaderOptions = {
-      // This enables the use of enhanced-resolve for @import statements prefixed with ~
-      // but we don't usually use this and disabling it can speed up builds by up to 20%.
-      webpackImporter: this.webpackImporter,
-      // Prefer `dart-sass`.
-      implementation: require('sass'),
-      // Prepends SCSS code before the actual entry file.
-      // Introduced to maintain snappy grid after n-ui-foundations removed it as the default.
-      // Once user-facing apps and components move away from using snappy grid then this can be removed.
-      prependData: this.prependData,
-      sassOptions: {
-        // Disable formatting so that we don't spend time pretty printing
-        outputStyle: 'compressed',
-        // Enable Sass to @import source files from installed dependencies
-        includePaths: ['bower_components', 'node_modules', ...this.includePaths]
-      }
-    }
-
-    const autoprefixerOptions = {
-      // https://github.com/browserslist/browserslist
-      overrideBrowserslist: ['last 1 Chrome versions', 'Safari >= 13', 'ff ESR', 'last 1 Edge versions'],
-      grid: true
-    }
-
-    // https://cssnano.co/guides/optimisations
-    const cssnanoOptions = {
-      preset: [
-        'default',
-        {
-          // disable reduceInitial optimisation as `initial` is not supported in IE11
-          // https://github.com/cssnano/cssnano/issues/721
-          // https://developer.mozilla.org/en-US/docs/Web/CSS/initial
-          reduceInitial: false
-        }
-      ]
-    }
-
-    const postcssLoaderOptions = {
-      postcssOptions: {
-        plugins: [
-          // Add vendor prefixes automatically using data from Can I Use
-          // https://github.com/postcss/autoprefixer
-          require('autoprefixer')(autoprefixerOptions),
-          // Ensure that the final result is as small as possible. This can
-          // de-duplicate rule-sets which is useful if $o-silent-mode is toggled.
-          // https://github.com/cssnano/cssnano
-          require('cssnano')(cssnanoOptions)
-        ]
-      },
-      implementation: require('postcss')
-    }
-
-    const cssLoaderOptions = {
-      // Allow css-loader to resolve @import because the sass-loader
-      // does not successfully resolve files with a .css extension.
-      import: true,
-      // Disable Webpack from resolving url() because we do not
-      // currently use this functionality.
-      url: false
-    }
-
-    const miniCssExtractPluginOptions = {
-      // only include content hash in filename when compiling production assets
-      filename: compiler.options.mode === 'development' ? '[name].css' : '[name].[contenthash:12].css'
-    }
-
-    // This plugin prevents empty JS bundles being created for CSS entry points
-    // https://github.com/fqborges/webpack-fix-style-only-entries
-    const stylesOnlyPluginOptions = {
-      silent: true
-    }
-
-    compiler.options.module.rules.push({
-      test: [/\.sass|scss$/],
-      use: [
-        // Extracts CSS into separate, non-JS files
-        // https://github.com/webpack-contrib/mini-css-extract-plugin
-        {
-          loader: MiniCssExtractPlugin.loader
-        },
-        // Add support for handling .css files
-        // https://github.com/webpack-contrib/css-loader
-        {
-          loader: require.resolve('css-loader'),
-          options: cssLoaderOptions
-        },
-        // Enable use of PostCSS for CSS postprocessing
-        // https://github.com/postcss/postcss-loader
-        {
-          loader: require.resolve('postcss-loader'),
-          options: postcssLoaderOptions
-        },
-        // Enable use of Sass for CSS preprocessing
-        // https://github.com/webpack-contrib/sass-loader
-        {
-          loader: require.resolve('sass-loader'),
-          options: sassLoaderOptions
-        }
-      ]
-    })
-
-    new StylesOnlyPlugin(stylesOnlyPluginOptions).apply(compiler)
-    new MiniCssExtractPlugin(miniCssExtractPluginOptions).apply(compiler)
-  }
-}