Remove jit mode from tailwind config

Develop

.github/dependabot.yml

@@ -6,18 +6,18 @@ updates:
     schedule:
       interval: weekly
       day: friday
-      time: "07:00"
+      time: '07:00'
   - package-ecosystem: github-actions
     directory: /
     target-branch: develop
     schedule:
       interval: weekly
       day: friday
-      time: "07:00"
+      time: '07:00'
   - package-ecosystem: npm
     directory: /
     target-branch: develop
     schedule:
       interval: weekly
       day: friday
-      time: "07:00"
+      time: '07:00'

.prettierrc

@@ -1,7 +1,7 @@
 {
 	"singleQuote": true,
 	"svelteSortOrder": "options-scripts-markup-styles",
-	"svelteBracketNewLine": false,
+	"bracketSameLine": true,
 	"useTabs": true,
 	"trailingComma": "none",
 	"printWidth": 100

Dockerfile

@@ -6,7 +6,7 @@
 # Stop               : press ctrl + c 
 #                                     or 
 #                                        docker stop mermaid-live-editor
-FROM node:17.0.1 as mermaid-live-editor-builder 
+FROM node:17.2.0 as mermaid-live-editor-builder 
 COPY --chown=node:node . /home
 WORKDIR /home
 RUN yarn install

package.json

@@ -15,48 +15,48 @@
 	},
 	"devDependencies": {
 		"@cypress/snapshot": "^2.1.7",
-		"@sveltejs/adapter-static": "1.0.0-next.21",
-		"@sveltejs/kit": "1.0.0-next.196",
+		"@sveltejs/adapter-static": "1.0.0-next.22",
+		"@sveltejs/kit": "1.0.0-next.202",
 		"@types/mermaid": "^8.2.7",
 		"@typescript-eslint/eslint-plugin": "^4.33.0",
 		"@typescript-eslint/parser": "^4.33.0",
 		"autoprefixer": "^10.4.0",
 		"chai": "^4.3.4",
-		"cssnano": "^5.0.10",
-		"cypress": "8.7.0",
+		"cssnano": "^5.0.13",
+		"cypress": "9.1.1",
 		"cypress-localstorage-commands": "^1.6.1",
 		"eslint": "^7.32.0",
 		"eslint-config-prettier": "^8.1.0",
 		"eslint-plugin-cypress": "^2.12.1",
 		"eslint-plugin-es": "^4.1.0",
-		"eslint-plugin-mocha": "^9.0.0",
-		"eslint-plugin-postcss-modules": "^1.2.1",
+		"eslint-plugin-mocha": "^10.0.3",
+		"eslint-plugin-postcss-modules": "^2.0.0",
 		"eslint-plugin-svelte3": "^3.2.1",
-		"eslint-plugin-tailwindcss": "^1.17.1",
+		"eslint-plugin-tailwindcss": "^1.17.2",
 		"husky": "^7.0.4",
-		"lint-staged": "^11.2.6",
+		"lint-staged": "^12.1.2",
 		"mocha": "^9.1.3",
 		"node-html-parser": "^5.1.0",
-		"postcss": "^8.3.11",
+		"postcss": "^8.4.5",
 		"postcss-load-config": "^3.1.0",
-		"prettier": "~2.4.1",
-		"prettier-plugin-svelte": "^2.4.0",
-		"svelte": "^3.44.1",
-		"svelte-preprocess": "^4.9.8",
-		"tailwindcss": "^2.2.19",
+		"prettier": "~2.5.1",
+		"prettier-plugin-svelte": "^2.5.1",
+		"svelte": "^3.44.3",
+		"svelte-preprocess": "^4.10.0",
+		"tailwindcss": "^3.0.5",
 		"tslib": "^2.3.1",
-		"typescript": "^4.4.4"
+		"typescript": "^4.5.4"
 	},
 	"type": "module",
 	"dependencies": {
 		"@analytics/google-analytics": "^0.5.3",
 		"@macfja/svelte-persistent-store": "^1.2.0",
-		"analytics": "^0.7.18",
-		"daisyui": "1.16.2",
+		"analytics": "^0.7.19",
+		"daisyui": "1.16.5",
 		"js-base64": "^3.7.2",
-		"mermaid": "8.13.4",
+		"mermaid": "8.13.5",
 		"moment": "^2.29.1",
-		"monaco-editor": "^0.30.1",
+		"monaco-editor": "^0.31.1",
 		"random-word-slugs": "^0.1.6"
 	},
 	"lint-staged": {

src/app.html

@@ -6,45 +6,38 @@
 		<title>Online FlowChart &amp; Diagrams Editor - Mermaid Live Editor</title>
 		<meta
 			name="og:image"
-			content="https://github.com/mermaid-js/mermaid/raw/develop/img/header.png"
-		/>
+			content="https://github.com/mermaid-js/mermaid/raw/develop/img/header.png" />
 		<link rel="canonical" href="https://mermaid.live" />
 		<meta
 			name="description"
-			content="Simplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript."
-		/>
+			content="Simplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript." />
 		<link rel="icon" type="image/png" href="favicon.png" />
 		<link rel="manifest" href="manifest.json" />
 		<link
 			rel="stylesheet"
-			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
-		/>
+			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />
 		<link
 			rel="stylesheet"
-			href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.30.1/min/vs/editor/editor.main.min.css"
+			href="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.31.1/min/vs/editor/editor.main.min.css"
 			crossorigin="anonymous"
-			referrerpolicy="no-referrer"
-		/>
+			referrerpolicy="no-referrer" />
 		<script>
 			var require = {
-				paths: { vs: 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.30.1/min/vs' }
+				paths: { vs: 'https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.31.1/min/vs' }
 			};
 		</script>
 		<script
-			src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.30.1/min/vs/loader.min.js"
+			src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.31.1/min/vs/loader.min.js"
 			crossorigin="anonymous"
-			referrerpolicy="no-referrer"
-		></script>
+			referrerpolicy="no-referrer"></script>
 		<script
-			src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.30.1/min/vs/editor/editor.main.nls.min.js"
+			src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.31.1/min/vs/editor/editor.main.nls.min.js"
 			crossorigin="anonymous"
-			referrerpolicy="no-referrer"
-		></script>
+			referrerpolicy="no-referrer"></script>
 		<script
-			src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.30.1/min/vs/editor/editor.main.js"
+			src="https://cdnjs.cloudflare.com/ajax/libs/monaco-editor/0.31.1/min/vs/editor/editor.main.js"
 			crossorigin="anonymous"
-			referrerpolicy="no-referrer"
-		></script>
+			referrerpolicy="no-referrer"></script>
 
 		%svelte.head%
 	</head>

tailwind.config.cjs

@@ -1,7 +1,6 @@
 module.exports = {
-	mode: 'jit',
 	plugins: [require('daisyui')],
-	purge: ['./src/**/*.{html,js,svelte,ts}'],
+	content: ['./src/**/*.{html,js,svelte,ts}'],
 	theme: {
 		extend: {}
 	},