Merge pull request #1231 from NHSDigital/autoprefixer-cssnano

Enable PostCSS, Autoprefixer and cssnano

Author: colinrotherham

.browserslistrc

@@ -1,5 +1,16 @@
 [javascripts]
 supports es6-module
 
+[stylesheets]
+> 0.1% in GB and not dead
+last 6 Chrome versions
+last 6 Firefox versions
+last 6 Edge versions
+last 2 Samsung versions
+Firefox ESR
+Safari >= 11
+iOS >= 11
+IE 11
+
 [node]
 node 24

.github/dependabot.yaml

@@ -38,6 +38,12 @@ updates:
         patterns:
           - '@babel/*'
           - '@rollup/*'
+          - 'autoprefixer'
+          - 'baseline-browser-mapping'
+          - 'caniuse-lite'
+          - 'cssnano'
+          - 'postcss'
+          - 'postcss-*'
           - 'rollup'
           - 'rollup-*'
           - 'sass-embedded'
@@ -46,18 +52,25 @@ updates:
         patterns:
           - '@typescript-eslint/*'
           - '@eslint/*'
+          - '@types/*'
           - 'eslint'
           - 'eslint-*'
+          - 'globals'
           - 'prettier'
-          - 'typescript*'
-          - '@types/*'
+          - 'typed-query-selector'
+          - 'typescript'
+          - 'typescript-*'
 
       test:
         patterns:
           - '@testing-library/*'
+          - '@types/jest'
+          - '@types/jest-*'
           - 'babel-jest'
           - 'jest'
           - 'jest-*'
+          - 'jsdom'
+          - 'outdent'
 
       tools:
         patterns:

Dockerfile

@@ -8,7 +8,7 @@ WORKDIR /app
 RUN apk add --no-cache bash
 
 # Compile static assets
-COPY .browserslistrc babel.config.cjs package.json package-lock.json rollup.config.js  ./
+COPY .browserslistrc babel.config.cjs package.json package-lock.json postcss.config.js rollup.config.js  ./
 COPY manage_breast_screening/assets ./manage_breast_screening/assets
 RUN npm ci
 RUN npm run compile

manage_breast_screening/core/jinja2/layout-app.jinja

@@ -8,7 +8,7 @@
 
 {% block head %}
   <meta name="robots" content="noindex, nofollow, noarchive">
-  <link rel="stylesheet" href="{{ static('css/main.css' )}}">
+  <link rel="stylesheet" href="{{ static('css/main.min.css' )}}">
 {% endblock %}
 
 {% block pageTitle %}{% if form and form.errors %}Error: {% endif %}{% if page_title %}{{ page_title }} – {% endif %}Manage breast screening – NHS{% endblock %}
@@ -82,5 +82,5 @@
 {% endblock content %}
 
 {% block bodyEnd %}
-  <script type="module" src="{{ static('js/bundle.js' )}}"></script>
+  <script type="module" src="{{ static('js/main.min.js' )}}"></script>
 {% endblock %}