Merge pull request #5786 from uktrade/feature/TET-878-drf-bootstrap-3-replacement

Add package drf-redesign which styles the rest framework browsable API

Author: DeanElliott96

.circleci/config.yml

@@ -96,7 +96,7 @@ job_defaults: &job_defaults
 
     - run:
         name: Run collectstatic
-        command: python manage.py collectstatic --noinput
+        command: python manage.py collectstatic --noinput --ignore rest_framework/css/* --ignore rest_framework/js/bootstrap.min.js --ignore rest_framework/js/prettify-min.js --ignore rest_framework/js/default.js
 
     - run:
         name: Run tests

.copilot/image_build_run.sh

@@ -42,4 +42,4 @@ export ES_APM_SERVER_URL="http://localhost:8200"
 export ES_APM_ENVIRONMENT="circleci"
 export REDIS_BASE_URL="redis://localhost:6379"
 
-python manage.py collectstatic  --noinput
+python manage.py collectstatic  --noinput --ignore rest_framework/css/* --ignore rest_framework/js/bootstrap.min.js --ignore rest_framework/js/prettify-min.js --ignore rest_framework/js/default.js

config/settings/common.py

@@ -77,6 +77,8 @@
 
 THIRD_PARTY_APPS = [
     *_ES_APM_APP,
+    'datahub.drf_browsable_api',  # not third party but must be before drf_redesign
+    'drf_redesign',  # must be before rest_framework
     'rest_framework',
     'django_extensions',
     'reversion',

datahub/drf_browsable_api/__init__.py

@@ -0,0 +1,14 @@
+/*! `http` grammar compiled for Highlight.js 11.9.0 */
+(()=>{var e=(()=>{"use strict";return e=>{const n="HTTP/([32]|1\\.[01])",a={
+    className:"attribute",
+    begin:e.regex.concat("^",/[A-Za-z][A-Za-z0-9-]*/,"(?=\\:\\s)"),starts:{
+    contains:[{className:"punctuation",begin:/: /,relevance:0,starts:{end:"$",
+    relevance:0}}]}},s=[a,{begin:"\\n\\n",starts:{subLanguage:[],endsWithParent:!0}
+    }];return{name:"HTTP",aliases:["https"],illegal:/\S/,contains:[{
+    begin:"^(?="+n+" \\d{3})",end:/$/,contains:[{className:"meta",begin:n},{
+    className:"number",begin:"\\b\\d{3}\\b"}],starts:{end:/\b\B/,illegal:/\S/,
+    contains:s}},{begin:"(?=^[A-Z]+ (.*?) "+n+"$)",end:/$/,contains:[{
+    className:"string",begin:" ",end:" ",excludeBegin:!0,excludeEnd:!0},{
+    className:"meta",begin:n},{className:"keyword",begin:"[A-Z]+"}],starts:{
+    end:/\b\B/,illegal:/\S/,contains:s}},e.inherit(a,{relevance:0})]}}})()
+    ;hljs.registerLanguage("http",e)})();