generator-nitro 7.5.4 → 8.0.0

package/generators/app/index.js

@@ -316,8 +316,6 @@ module.exports = class extends Generator {
 			'src/proto.ts',
 			'tests/cypress/cypress/e2e/examples/index.cy.js',
 			'.eslintrc.js',
-			'docker-compose.yml',
-			'docker-compose-dev.yml',
 			'gulpfile.js',
 			'CUTAWAYpackage.json',
 		];

package/generators/app/templates/.node-version

@@ -1 +1 @@
-18.17.0
+18.17.1

package/generators/app/templates/CUTAWAYpackage.json

@@ -6,8 +6,8 @@
   "private": true,
   "author": "The Nitro Team",
   "engines": {
-    "node": ">=14.15.0 <19",
-    "npm": ">=6.14.8 <10"
+    "node": ">=16.13.0 <19",
+    "npm": ">=8.1.0 <10"
   },
   "scripts": {
     "\n# PROJECT ------- ": "",
@@ -66,14 +66,8 @@
     "prod:serve": "cross-env NODE_ENV=production nitro-app-serve",<% if (options.themes) { %>
     "start": "npm run start:light",
     "start:light": "cross-env THEME=light PORT=8081 PROXY=8082 npm run dev",
-    "start:dark": "cross-env THEME=dark PORT=8083 PROXY=8084 npm run dev",<% } else { %>
-    "start": "npm run dev",<% } %>
-    "\n# DOCKER ------- ": "",
-    "docker:update": "docker-compose build",
-    "docker:start": "npm run docker:dev:start",
-    "docker:dev:start": "docker-compose -f docker-compose-dev.yml up",
-    "docker:dev:console": "docker exec -it <%= name %>_server-dev bash",
-    "docker:prod": "docker-compose up"
+    "start:dark": "cross-env THEME=dark PORT=8083 PROXY=8084 npm run dev"<% } else { %>
+    "start": "npm run dev"<% } %>
   },
   "keywords": [
     "frontend",
@@ -86,32 +80,31 @@
   "dependencies": {<% if (options.exampleCode) { %>
     "@gondel/core": "1.2.8",
     "@gondel/plugin-hot": "1.2.8",
-    "bootstrap": "5.3.0",<% } %>
-    "core-js": "3.31.1"<% if (options.exampleCode) { %>,
+    "bootstrap": "5.3.1",<% } %>
+    "core-js": "3.32.1"<% if (options.exampleCode) { %>,
     "flatpickr": "4.6.13",
-    "handlebars": "4.7.7",
+    "handlebars": "4.7.8",
     "jquery": "3.7.0",
     "lazysizes": "5.3.2",
     "lottie-web": "5.12.2",
     "prevent-window-opener-attacks": "0.3.1"<% } %><% if (options.jsCompiler === 'js') { %>,
-    "regenerator-runtime": "0.13.11"<% } %><% if (options.exampleCode) { %>,
+    "regenerator-runtime": "0.14.0"<% } %><% if (options.exampleCode) { %>,
     "svg4everybody": "2.1.9"<% } %>
   },
   "devDependencies": {<% if (options.jsCompiler === 'js') { %>
-    "@babel/eslint-parser": "7.22.9",<% } %>
-    "@khanacademy/tota11y": "0.2.0",
-    "@merkle-open/eslint-config": "1.0.0",
+    "@babel/eslint-parser": "7.22.10",<% } %>
+    "@merkle-open/eslint-config": "3.0.0",
     "@merkle-open/html-validate-config": "1.0.1",
-    "@merkle-open/prettier-config": "1.1.0",
-    "@merkle-open/stylelint-config": "3.0.0",
+    "@merkle-open/prettier-config": "1.2.0",
+    "@merkle-open/stylelint-config": "3.1.0",
     "@merkle-open/ts-config": "1.1.0",
     "@nitro/app": "<%= version %>",
     "@nitro/exporter": "<%= version %>",
     "@nitro/gulp": "<%= version %>",
     "@nitro/webpack": "<%= version %>",
-    "@playwright/test": "1.36.1",<% if (options.jsCompiler === 'ts') { %>
+    "@playwright/test": "1.37.1",<% if (options.jsCompiler === 'ts') { %>
     "@types/bootstrap": "5.2.6",<% if (options.exampleCode ) { %>
-    "@types/jquery": "3.5.16",<% } %>
+    "@types/jquery": "3.5.17",<% } %>
     "@types/svg4everybody": "2.1.2",
     "@types/webpack-env": "1.18.1",<% } %>
     "backstopjs": "6.2.2",
@@ -119,25 +112,25 @@
     "commitizen": "4.3.0",
     "config": "3.3.9",
     "cross-env": "7.0.3",
-    "cypress": "12.17.2",
+    "cypress": "12.17.4",
     "cz-conventional-changelog": "3.3.0",
     "env-linter": "1.0.0",
-    "eslint": "7.32.0",
-    "eslint-plugin-import": "2.27.5",
+    "eslint": "8.46.0",
+    "eslint-plugin-import": "2.28.1",
     "extend": "3.0.2",
     "generator-nitro": "<%= version %>",
     "gulp": "4.0.2",
     "html-validate": "7.18.1",
     "husky": "8.0.3",
     "license-checker": "25.0.1",
-    "lighthouse": "10.4.0",
-    "lint-staged": "13.2.3",<% if (options.themes) { %>
+    "lighthouse": "11.0.0",
+    "lint-staged": "14.0.1",<% if (options.themes) { %>
     "node-sass": "8.0.0",<% } %>
-    "npm-check-updates": "16.10.16",
+    "npm-check-updates": "16.13.0",
     "npm-run-all": "4.1.5",
-    "prettier": "2.8.8",
+    "prettier": "3.0.2",
     "rimraf": "5.0.1",
-    "stylelint": "15.10.2",<% if (options.jsCompiler === 'ts') { %>
+    "stylelint": "15.10.3",<% if (options.jsCompiler === 'ts') { %>
     "typescript": "5.1.6",<% } %>
     "webpack-cli": "4.10.0",
     "yo": "4.3.1"

package/generators/app/templates/project/docs/nitro.md

@@ -22,7 +22,7 @@ Nitro is simple, fast and flexible. Use this app for all your frontend work.
 This application was created by the yeoman generator for nitro.  
 Before using, you need of course [node](https://nodejs.org/) installed.  
 Nitro is tested with the current ["Active" LTS version](https://github.com/nodejs/Release#release-schedule)
-and with the LTS maintenance versions (release 16.x and 14.x).
+and with the LTS maintenance versions.
 
 Install the project dependencies in the project root:
 
@@ -72,10 +72,6 @@ set PORT=8000 && set PROXY=8001 && npm start
 set PORT=3001 && npm run prod
 ```
 
-### Usage with docker
-
-For information on how to use Nitro with docker, please refer to [nitro-docker.md](./nitro-docker.md).
-
 ## Configuring
 
 ### Config Package

package/generators/app/templates/project/routes/_themes.js

@@ -52,7 +52,7 @@ module.exports = (app) => {
 				cookieSession({
 					name: 'theme',
 					keys: ['keeeeeeeeeeey', 'schlüssel'],
-				})
+				}),
 			);
 
 			for (const theme of validThemes) {

package/generators/app/templates/project/routes/countries.js

@@ -28,9 +28,12 @@ function search(req, res, next) {
 		items = items.filter((item) => regex.test(item.name) || regex.test(item.code));
 	}
 
-	setTimeout(() => {
-		return res.json(items);
-	}, utils.getRandomInt(250, 1000));
+	setTimeout(
+		() => {
+			return res.json(items);
+		},
+		utils.getRandomInt(250, 1000),
+	);
 }
 
 module.exports = (app) => {

package/generators/app/templates/project/routes/lottie.js

@@ -19,9 +19,12 @@ function animation(req, res, next) {
 		data = JSON.parse(fs.readFileSync(file));
 	}
 
-	setTimeout(() => {
-		return res.json(data);
-	}, utils.getRandomInt(250, 1000));
+	setTimeout(
+		() => {
+			return res.json(data);
+		},
+		utils.getRandomInt(250, 1000),
+	);
 }
 
 module.exports = (app) => {

package/generators/app/templates/readme.md

@@ -25,10 +25,6 @@ and start in development mode
 npm start
 ```
 
-### Usage with docker (experimental)
-
-For information on how to use Nitro with docker, please refer to [nitro-docker.md](./project/docs/nitro-docker.md).
-
 ## Nitro
 
 For information on how to use Nitro, please refer to [nitro.md](./project/docs/nitro.md).

package/generators/app/templates/src/patterns/atoms/button/css/button.scss

@@ -15,7 +15,9 @@
 	margin: 1rem 0;
 	outline: none;
 	position: relative;
-	transition: transform 0.3s ease, box-shadow 0.3s ease;
+	transition:
+		transform 0.3s ease,
+		box-shadow 0.3s ease;
 
 	&[disabled] {
 		opacity: 0.4;

package/generators/app/templates/src/patterns/atoms/cta/css/cta.scss

@@ -84,7 +84,9 @@
 	bottom: -1.3em;
 	width: 100%;
 
-	transition: color 0.3s ease-in, opacity 0.3s ease-in;
+	transition:
+		color 0.3s ease-in,
+		opacity 0.3s ease-in;
 }
 
 @keyframes animation-a-cta--pulse-m {

package/generators/app/templates/src/patterns/atoms/stage/css/stage.scss

@@ -7,7 +7,11 @@
 	height: 190px;
 	background-image: url('../img/space-ship.svg'), url('../img/satellite.svg'), url('../img/ufo.svg'),
 		url('../img/clouds.png');
-	background-position: 10vw 200px, 50% 200px, 70% -100px, 0 0;
+	background-position:
+		10vw 200px,
+		50% 200px,
+		70% -100px,
+		0 0;
 	background-size: 8vw, 5vw, 7vw, auto;
 	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
 
@@ -16,9 +20,17 @@
 
 @keyframes a-stage-sky {
 	from {
-		background-position: 10vw 600px, 50% 200px, 70% -170px, 0 0;
+		background-position:
+			10vw 600px,
+			50% 200px,
+			70% -170px,
+			0 0;
 	}
 	to {
-		background-position: 20vw -200px, 120% -100px, 30% 300px, 100% 0;
+		background-position:
+			20vw -200px,
+			120% -100px,
+			30% 300px,
+			100% 0;
 	}
 }

package/generators/app/templates/src/patterns/molecules/example/js/example.js

@@ -24,12 +24,12 @@ class Example extends GondelBaseComponent {
 		console.log(
 			'everything ok?'.startsWith('every')
 				? 'ES2015/ES6 startWith string method works'
-				: 'broken ES2015/ES6 startWith string method'
+				: 'broken ES2015/ES6 startWith string method',
 		);
 		console.log(
 			[2, 4, 16, 256].includes(16)
 				? 'ES2016/ES7 includes array method works'
-				: 'broken ES2016/ES7 includes array method'
+				: 'broken ES2016/ES7 includes array method',
 		);
 		/* eslint-enable no-console */
 	}

package/generators/app/templates/src/patterns/molecules/example/js/example.ts

@@ -30,12 +30,12 @@ export class Example extends GondelBaseComponent {
 		console.log(
 			'everything ok?'.startsWith('every')
 				? 'ES2015/ES6 startWith string method works'
-				: 'broken ES2015/ES6 startWith string method'
+				: 'broken ES2015/ES6 startWith string method',
 		);
 		console.log(
 			[2, 4, 16, 256].includes(16)
 				? 'ES2016/ES7 includes array method works'
-				: 'broken ES2016/ES7 includes array method'
+				: 'broken ES2016/ES7 includes array method',
 		);
 		/* eslint-enable no-console */
 	}

package/generators/app/templates/src/proto/utils/develop-helpers/index.js

@@ -1,5 +1,3 @@
 import './js/key1Breakpoint';
 import './js/key2BootstrapGrid';
 import './js/key3BootstrapContainer';
-import './js/key4Tota11y';
-import './css/key4Tota11y.scss';

package/generators/app/templates/src/proto/utils/develop-helpers/index.ts

@@ -1,5 +1,3 @@
 import './js/key1Breakpoint';
 import './js/key2BootstrapGrid';
 import './js/key3BootstrapContainer';
-import './js/key4Tota11y';
-import './css/key4Tota11y.scss';

package/generators/app/templates/src/proto/utils/develop-helpers/js/key1Breakpoint.js

@@ -28,7 +28,7 @@ const breakpointMarkup = [
 			'opacity:0.8',
 			'background:rgba(200,200,200,0.9)',
 			'border:1px solid rgba(200,200,200,1)',
-		].join(';')
+		].join(';'),
 	);
 	document.body.appendChild(div);
 	function toggleBreakpointHelper() {

package/generators/app/templates/src/proto/utils/develop-helpers/js/key1Breakpoint.ts

@@ -28,7 +28,7 @@ const breakpointMarkup = [
 			'opacity:0.8',
 			'background:rgba(200,200,200,0.9)',
 			'border:1px solid rgba(200,200,200,1)',
-		].join(';')
+		].join(';'),
 	);
 	document.body.appendChild(div);
 	function toggleBreakpointHelper() {

package/generators/app/templates/src/proto/utils/develop-helpers/js/key2BootstrapGrid.js

@@ -35,7 +35,7 @@ const gridMarkup = [
 			'bottom: 0',
 			'pointer-events:none',
 			'z-index: 2147483647',
-		].join(';')
+		].join(';'),
 	);
 	document.body.appendChild(div);
 	function toggleGrid() {

package/generators/app/templates/src/proto/utils/develop-helpers/js/key2BootstrapGrid.ts

@@ -35,7 +35,7 @@ const gridMarkup = [
 			'bottom: 0',
 			'pointer-events:none',
 			'z-index: 2147483647',
-		].join(';')
+		].join(';'),
 	);
 	document.body.appendChild(div);
 	function toggleGrid() {

package/generators/app/templates/src/proto/utils/develop-helpers/readme.md

@@ -5,4 +5,3 @@ They are included in "proto" entry point
 - press `ctrl`|`alt` and `1` to show & hide a banner with current viewport size
 - press `ctrl`|`alt` and `2` to show & hide grid columns in your page
 - press `ctrl`|`alt` and `3` to show & hide component, row and col wrappers in your page
-- press `ctrl`|`alt` and `4` to show & hide accessibility helper tota11y

package/generators/app/templates/src/shared/base/webfonts/css/webfont-gaegu.scss

@@ -4,7 +4,10 @@
 	font-style: normal;
 	font-weight: 300;
 	font-display: fallback;
-	src: local('Gaegu Light'), local('Gaegu-Light'), url('../fonts/gaegu-v2-latin-300.woff2') format('woff2'),
+	src:
+		local('Gaegu Light'),
+		local('Gaegu-Light'),
+		url('../fonts/gaegu-v2-latin-300.woff2') format('woff2'),
 		url('../fonts/gaegu-v2-latin-300.woff') format('woff');
 }
 
@@ -14,7 +17,10 @@
 	font-style: normal;
 	font-weight: 400;
 	font-display: fallback;
-	src: local('Gaegu Regular'), local('Gaegu-Regular'), url('../fonts/gaegu-v2-latin-regular.woff2') format('woff2'),
+	src:
+		local('Gaegu Regular'),
+		local('Gaegu-Regular'),
+		url('../fonts/gaegu-v2-latin-regular.woff2') format('woff2'),
 		url('../fonts/gaegu-v2-latin-regular.woff') format('woff');
 }
 
@@ -24,6 +30,9 @@
 	font-style: normal;
 	font-weight: 700;
 	font-display: fallback;
-	src: local('Gaegu Bold'), local('Gaegu-Bold'), url('../fonts/gaegu-v2-latin-700.woff2') format('woff2'),
+	src:
+		local('Gaegu Bold'),
+		local('Gaegu-Bold'),
+		url('../fonts/gaegu-v2-latin-700.woff2') format('woff2'),
 		url('../fonts/gaegu-v2-latin-700.woff') format('woff');
 }

package/generators/app/templates/src/shared/base/webfonts/css/webfont-playfair-display.scss

@@ -4,7 +4,9 @@
 	font-style: normal;
 	font-weight: 400;
 	font-display: fallback;
-	src: local('Playfair Display Regular'), local('PlayfairDisplay-Regular'),
+	src:
+		local('Playfair Display Regular'),
+		local('PlayfairDisplay-Regular'),
 		url('../fonts/playfair-display-v13-latin-regular.woff2') format('woff2'),
 		url('../fonts/playfair-display-v13-latin-regular.woff') format('woff');
 }
@@ -15,7 +17,9 @@
 	font-style: italic;
 	font-weight: 400;
 	font-display: fallback;
-	src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'),
+	src:
+		local('Playfair Display Italic'),
+		local('PlayfairDisplay-Italic'),
 		url('../fonts/playfair-display-v13-latin-italic.woff2') format('woff2'),
 		url('../fonts/playfair-display-v13-latin-italic.woff') format('woff');
 }
@@ -26,7 +30,9 @@
 	font-style: normal;
 	font-weight: 700;
 	font-display: fallback;
-	src: local('Playfair Display Bold'), local('PlayfairDisplay-Bold'),
+	src:
+		local('Playfair Display Bold'),
+		local('PlayfairDisplay-Bold'),
 		url('../fonts/playfair-display-v13-latin-700.woff2') format('woff2'),
 		url('../fonts/playfair-display-v13-latin-700.woff') format('woff');
 }
@@ -37,7 +43,9 @@
 	font-style: normal;
 	font-weight: 900;
 	font-display: fallback;
-	src: local('Playfair Display Black'), local('PlayfairDisplay-Black'),
+	src:
+		local('Playfair Display Black'),
+		local('PlayfairDisplay-Black'),
 		url('../fonts/playfair-display-v13-latin-900.woff2') format('woff2'),
 		url('../fonts/playfair-display-v13-latin-900.woff') format('woff');
 }

package/generators/app/templates/tests/backstop/engine_scripts/puppet/loadCookies.js

@@ -1,33 +1,33 @@
-const fs = require('fs');
-
-module.exports = async (page, scenario) => {
-	let cookies = [];
-	const cookiePath = scenario.cookiePath;
-
-	// READ COOKIES FROM FILE IF EXISTS
-	if (fs.existsSync(cookiePath)) {
-		cookies = JSON.parse(fs.readFileSync(cookiePath));
-	}
-
-	// MUNGE COOKIE DOMAIN
-	cookies = cookies.map((cookie) => {
-		if (cookie.domain.startsWith('http://') || cookie.domain.startsWith('https://')) {
-			cookie.url = cookie.domain;
-		} else {
-			cookie.url = 'https://' + cookie.domain;
-		}
-		delete cookie.domain;
-		return cookie;
-	});
-
-	// SET COOKIES
-	const setCookies = async () => {
-		return Promise.all(
-			cookies.map(async (cookie) => {
-				await page.setCookie(cookie);
-			})
-		);
-	};
-	await setCookies();
-	console.log('Cookie state restored with:', JSON.stringify(cookies, null, 2));
-};
+const fs = require('fs');
+
+module.exports = async (page, scenario) => {
+	let cookies = [];
+	const cookiePath = scenario.cookiePath;
+
+	// READ COOKIES FROM FILE IF EXISTS
+	if (fs.existsSync(cookiePath)) {
+		cookies = JSON.parse(fs.readFileSync(cookiePath));
+	}
+
+	// MUNGE COOKIE DOMAIN
+	cookies = cookies.map((cookie) => {
+		if (cookie.domain.startsWith('http://') || cookie.domain.startsWith('https://')) {
+			cookie.url = cookie.domain;
+		} else {
+			cookie.url = 'https://' + cookie.domain;
+		}
+		delete cookie.domain;
+		return cookie;
+	});
+
+	// SET COOKIES
+	const setCookies = async () => {
+		return Promise.all(
+			cookies.map(async (cookie) => {
+				await page.setCookie(cookie);
+			}),
+		);
+	};
+	await setCookies();
+	console.log('Cookie state restored with:', JSON.stringify(cookies, null, 2));
+};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "generator-nitro",
-  "version": "7.5.4",
+  "version": "8.0.0",
   "description": "Yeoman generator for the nitro frontend framework",
   "license": "MIT",
   "repository": "merkle-open/generator-nitro",
   "author": "The Nitro Team",
   "engines": {
-    "node": ">=14.15.0 <19",
-    "npm": ">=6.14.8 <10"
+    "node": ">=16.13.0 <19",
+    "npm": ">=8.1.0 <10"
   },
   "main": "generators/app/index.js",
   "scripts": {
@@ -44,10 +44,10 @@
     "yosay": "2.0.2"
   },
   "devDependencies": {
-    "@merkle-open/eslint-config": "1.0.0",
+    "@merkle-open/eslint-config": "3.0.0",
     "ejs": "3.1.9",
-    "eslint": "7.32.0",
-    "eslint-plugin-import": "2.27.5",
+    "eslint": "8.46.0",
+    "eslint-plugin-import": "2.28.1",
     "fs-extra": "11.1.1",
     "jasmine": "4.6.0",
     "yeoman-assert": "3.1.1",

package/readme.md

@@ -17,7 +17,7 @@ Nitro is simple, fast and flexible. It works on macOS, Windows and Linux. Use th
 
 Before using, you need of course [node](https://nodejs.org/) installed.  
 Nitro and the Nitro generator are tested with the current ["Active" LTS version](https://github.com/nodejs/Release#release-schedule)
-and with the LTS maintenance versions (release 16.x and 14.x).
+and with the LTS maintenance versions.
 
 ### Create a new project
 

package/generators/app/templates/.dockerignore

@@ -1,10 +0,0 @@
-.git
-.idea
-.vscode
-dist
-node_modules
-project/docs
-project/tmp
-public/assets
-public/reports
-npm-debug.log

package/generators/app/templates/docker-compose-dev.yml

@@ -1,13 +0,0 @@
-# docker-compose.yaml
-version: "3"
-services:
-  server:
-    build: .
-    container_name: <%= name %>_server-dev
-    command: npm start
-    ports:
-      - 8081:8081
-      - 3001:3001
-    volumes:
-      - .:/app:rw
-      - /app/node_modules

package/generators/app/templates/docker-compose.yml

@@ -1,9 +0,0 @@
-# docker-compose.yaml for production (prototype)
-version: "3"
-services:
-  server:
-    build: .
-    container_name: <%= name %>_server
-    command: npm run prod
-    ports:
-      - 8080:8080

package/generators/app/templates/project/docs/nitro-docker.md

@@ -1,35 +0,0 @@
-# Nitro usage with docker
-
-This feature is currently in experimental status.
-
-Of course docker must be installed.
-
-## Production mode
-
-To start in production mode (prototype server):
-
-```
-npm run docker:prod
-```
-
-## Development mode
-
-To start in development mode:
-
-```
-npm run docker:start
-```
-
-If you need a console to the docker image, run:
-
-```
-npm run docker:dev:console
-```
-
-## Update Docker Image
-
-If you make changes to package.json or the Dockerfile you should recreate the docker image.
-
-```
-npm run docker:update
-```

package/generators/app/templates/src/proto/utils/develop-helpers/css/key4Tota11y.scss

@@ -1,5 +0,0 @@
-/* stylelint-disable plugin/stylelint-bem-namics, declaration-no-important */
-div.tota11y-plugin-description {
-	font-size: 12px !important;
-}
-/* stylelint-enable plugin/stylelint-bem-namics, declaration-no-important */

package/generators/app/templates/src/proto/utils/develop-helpers/js/key4Tota11y.js

@@ -1,24 +0,0 @@
-import '@khanacademy/tota11y/dist/tota11y';
-import { addKeyboardAction, getFromLocalStorage, setToLocalStorage } from './developHelpers';
-
-// toggle tota11y helper on CTRL+4 / ALT+4
-(function tota11yHelper() {
-	const style = document.createElement('style');
-	style.innerHTML = '.tota11y { display: none; }';
-	document.head.appendChild(style);
-	function toggleTota11y() {
-		if (style.parentElement) {
-			style.parentElement.removeChild(style);
-		} else {
-			document.head.appendChild(style);
-		}
-		setToLocalStorage('dev-helper-tota11y', !Boolean(style.parentElement));
-	}
-
-	// 52 = keycode for 4
-	addKeyboardAction(52, toggleTota11y);
-	// Local Storage
-	if (getFromLocalStorage('dev-helper-tota11y')) {
-		toggleTota11y();
-	}
-})();

package/generators/app/templates/src/proto/utils/develop-helpers/js/key4Tota11y.ts

@@ -1,24 +0,0 @@
-import '@khanacademy/tota11y/dist/tota11y';
-import { addKeyboardAction, getFromLocalStorage, setToLocalStorage } from './developHelpers';
-
-// toggle tota11y helper on CTRL+4 / ALT+4
-(function tota11yHelper() {
-	const style = document.createElement('style');
-	style.innerHTML = '.tota11y { display: none; }';
-	document.head.appendChild(style);
-	function toggleTota11y() {
-		if (style.parentElement) {
-			style.parentElement.removeChild(style);
-		} else {
-			document.head.appendChild(style);
-		}
-		setToLocalStorage('dev-helper-tota11y', !Boolean(style.parentElement));
-	}
-
-	// 52 = keycode for 4
-	addKeyboardAction(52, toggleTota11y);
-	// Local Storage
-	if (getFromLocalStorage('dev-helper-tota11y')) {
-		toggleTota11y();
-	}
-})();