UP: eslint, stylelint

dimanech · May 1, 2024 · edc3074 · edc3074
1 parent 871dd62
commit edc3074
Show file tree

Hide file tree

Showing 46 changed files with 209 additions and 309 deletions.
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc.json b/.eslintrc.json
diff --git a/.gitignore b/.gitignore
@@ -21,7 +21,7 @@ RemoteSystemsTempFiles
 
 logs
 *.log
-*.swp
+.cache
 *.map
 .grunt
 
@@ -30,4 +30,3 @@ node_modules
 
 *.html
 atlas/*
-
diff --git a/.stylelintrc b/.stylelintrc
@@ -1,4 +1,5 @@
 {
+    "extends": "stylelint-config-recommended",
     "plugins": [
         "stylelint-order",
         "stylelint-scss"
@@ -39,29 +40,6 @@
         "scss/at-else-empty-line-before": "never",
         "scss/at-else-if-parentheses-space-before": "always",
         "scss/at-function-parentheses-space-before": "never",
-        "scss/at-function-named-arguments": [
-            "always",
-            {
-                "ignore": ["single-argument"],
-                "ignoreFunctions": [
-                    "/color/",
-                    "/list/",
-                    "/map/",
-                    "/math/",
-                    "/meta/",
-                    "/selector/",
-                    "/string/",
-                    "if",
-                    "z",
-                    "adjust-color-to-bg",
-                    "grid-span",
-                    "grid-gutter",
-                    "grid-columns",
-                    "aspect-ratio"
-                ]
-            }
-        ],
-        "scss/at-mixin-argumentless-call-parentheses": "never",
         "scss/at-mixin-parentheses-space-before": "never",
         "scss/dollar-variable-colon-space-after": "always",
         "scss/dollar-variable-empty-line-before": [
@@ -76,118 +54,9 @@
         ],
         "scss/dollar-variable-no-missing-interpolation": true,
         "scss/selector-no-redundant-nesting-selector": true,
-        "at-rule-empty-line-before": [
-            "always",
-            {
-                "except": [
-                    "blockless-after-blockless",
-                    "first-nested"
-                ],
-                "ignore": [
-                    "after-comment"
-                ],
-                "ignoreAtRules": [
-                    "import",
-                    "else"
-                ]
-            }
-        ],
-        "at-rule-no-vendor-prefix": true,
-        "color-named": [
-            "never",
-            {
-                "ignore": [
-                    "inside-function"
-                ]
-            }
-        ],
-        "color-no-invalid-hex": true,
-        "comment-no-empty": true,
-        "comment-whitespace-inside": null,
-        "custom-property-empty-line-before": [
-            "always",
-            {
-                "except": ["after-comment", "after-custom-property", "first-nested"]
-            }
-        ],
-        "declaration-block-no-duplicate-properties": [
-            true,
-            {
-                "ignore": [
-                    "consecutive-duplicates-with-different-values"
-                ]
-            }
-        ],
-        "declaration-block-no-redundant-longhand-properties": true,
-        "declaration-block-no-shorthand-property-overrides": true,
-        "declaration-block-single-line-max-declarations": 1,
-        "declaration-empty-line-before": [
-            "always",
-            {
-                "except": [
-                    "first-nested",
-                    "after-declaration"
-                ]
-            }
-        ],
-        "declaration-no-important": true,
-        "declaration-block-no-duplicate-custom-properties": true,
-        "font-family-name-quotes": "always-unless-keyword",
-        "font-family-no-duplicate-names": true,
-        "font-family-no-missing-generic-family-keyword": true,
-        "function-calc-no-unspaced-operator": true,
-        "function-linear-gradient-no-nonstandard-direction": true,
-        "function-name-case": "lower",
-        "function-url-no-scheme-relative": true,
-        "function-url-quotes": "always",
-        "keyframe-declaration-no-important": true,
-        "length-zero-no-unit": true,
-        "max-nesting-depth": 5,
-        "media-feature-name-no-unknown": true,
-        "media-feature-name-no-vendor-prefix": true,
-        "no-descending-specificity": true,
-        "no-duplicate-at-import-rules": true,
-        "no-duplicate-selectors": true,
-        "no-empty-source": true,
-        "no-invalid-position-at-import-rule": true,
-        "no-irregular-whitespace": true,
-        "no-unknown-animations": null,
-        "number-max-precision": 4,
-        "property-no-unknown": [
-            true,
-            {
-                "ignoreProperties": [
-                    "contain-intrinsic-size",
-                    "content-visibility"
-                ]
-            }
-        ],
-        "property-no-vendor-prefix": true,
-        "rule-empty-line-before": [
-            "always",
-            {
-                "except": [
-                    "after-single-line-comment",
-                    "first-nested"
-                ]
-            }
-        ],
-        "selector-attribute-quotes": "always",
-        "selector-max-attribute": 3,
-        "selector-max-id": 1,
-        "selector-max-universal": 0,
-        "selector-no-qualifying-type": true,
-        "selector-no-vendor-prefix": true,
-        "selector-pseudo-class-no-unknown": true,
-        "selector-pseudo-element-colon-notation": "double",
-        "selector-pseudo-element-no-unknown": true,
-        "selector-type-case": "lower",
-        "selector-type-no-unknown": true,
-        "shorthand-property-no-redundant-values": true,
-        "string-no-newline": true,
-        "time-min-milliseconds": 100,
-        "unit-no-unknown": true,
-        "value-keyword-case": "lower",
-        "value-no-vendor-prefix": true
+        "at-rule-no-unknown": null,
+        "block-no-empty": null,
+        "function-no-unknown": null,
+        "no-descending-specificity": null
     }
 }
diff --git a/app/atlas-guide.mjs b/app/atlas-guide.mjs
@@ -21,10 +21,11 @@ export default function atlasGuide(configPath) {
 
     const writePage = writePageModule(atlasConfig, projectTree).writePage;
 
-    const buildComponent = buildComponentModule(atlasConfig, projectTree, projectImportsGraph, writePage).buildComponent;
+    const buildComponent = buildComponentModule(atlasConfig, projectTree,
+        projectImportsGraph, writePage).buildComponent;
 
-    const buildReports = buildReportsModule(atlasConfig, projectTree, projectImportsGraph,
-        writePage).buildReports;
+    const buildReports = buildReportsModule(atlasConfig, projectTree,
+        projectImportsGraph, writePage).buildReports;
 
     if (atlasConfig.copyInternalAssets) {
         copyAssets(atlasConfig.internalAssetsPath, atlasConfig.guideDest);

diff --git a/assets/js/aside.js b/assets/js/aside.js
@@ -1,4 +1,4 @@
-'use strict';
+
 
 (function () {
     const container = document.getElementById('js-atlas-container');

diff --git a/assets/js/copier.js b/assets/js/copier.js
@@ -1,4 +1,4 @@
-'use strict';
+
 
 (function() {
     function Copier(instance) {

diff --git a/assets/js/d3breakpoints.js b/assets/js/d3breakpoints.js
@@ -1,4 +1,4 @@
-'use strict';
+
 
 (function () {
     const d3 = window.d3;

diff --git a/assets/js/d3importsgraph.js b/assets/js/d3importsgraph.js
@@ -1,4 +1,4 @@
-'use strict';
+
 
 (function () {
     const d3 = window.d3;

diff --git a/assets/js/d3linechart.js b/assets/js/d3linechart.js
@@ -1,4 +1,4 @@
-'use strict';
+
 
 (function() {
     // chat scroll + rounded line

diff --git a/assets/js/d3radar.js b/assets/js/d3radar.js
@@ -1,4 +1,4 @@
-'use strict';
+
 
 (function () {
     function LineChart(rawNode) {

diff --git a/assets/js/d3stackedchart.js b/assets/js/d3stackedchart.js
@@ -1,4 +1,4 @@
-'use strict';
+
 
 (function() {
     function StackedChart(rawNode) {

diff --git a/assets/js/d3tree.js b/assets/js/d3tree.js
@@ -1,4 +1,4 @@
-'use strict';
+
 
 (function () {
     const d3 = window.d3;

diff --git a/assets/js/loader.js b/assets/js/loader.js
@@ -1,4 +1,4 @@
-'use strict';
+
 (function () {
     const loader = document.querySelector('.atlas-loader');
 

diff --git a/assets/js/navigation.js b/assets/js/navigation.js
@@ -1,4 +1,4 @@
-'use strict';
+
 
 (function () {
     const navigation = document.getElementById('js-atlas-navigation');

diff --git a/assets/js/playground.js b/assets/js/playground.js
@@ -1,4 +1,4 @@
-'use strict';
+
 
 (function() {
     function Playground(instance) {

diff --git a/assets/js/search.js b/assets/js/search.js
@@ -1,4 +1,4 @@
-'use strict';
+
 
 (function() {
     const asidePanel = document.getElementById('js-atlas-aside');

diff --git a/assets/src/scss/_dev-atlas-settings.scss b/assets/src/scss/_dev-atlas-settings.scss
@@ -7,10 +7,8 @@ $color-grey80-atlas: hsl(0, 0%, 80%);
 $color-grey90-atlas: hsl(0, 0%, 90%);
 $color-grey95-atlas: hsl(0, 0%, 95%);
 $color-white-atlas: hsl(0, 0%, 100%);
-
 $color-blue-atlas: hsl(213, 75%, 54%);
 $color-blue79-atlas: hsl(213, 66%, 79%);
-
 $color-pink-atlas: hsl(328, 100%, 60%);
 $color-red-atlas: hsl(0, 92%, 60%);
 $color-orange-atlas: hsl(38, 92%, 60%);

diff --git a/assets/src/scss/bindings/component/_atlas-component-structure.scss b/assets/src/scss/bindings/component/_atlas-component-structure.scss
@@ -49,6 +49,20 @@
 	}
 
 	&__type {
+
+		//&::after {
+		//	border: 3px solid #fafafa;
+		//	bottom: -3px;
+		//	content: "";
+		//	left: -3px;
+		//	position: absolute;
+		//	right: -3px;
+		//	top: -3px;
+		//}
+		$component: #e56daa;
+		$element: #6d7ce5;
+		$modifier: #2196f3;
+		$media: white;
 		background: grey;
 		border-radius: 3px;
 		box-shadow: 0 2px 3px rgba(black, 0.1);
@@ -65,21 +79,6 @@
 		top: -#{1px};
 		width: 15px;
 
-		//&::after {
-		//	border: 3px solid #fafafa;
-		//	bottom: -3px;
-		//	content: "";
-		//	left: -3px;
-		//	position: absolute;
-		//	right: -3px;
-		//	top: -3px;
-		//}
-
-		$component: #e56daa;
-		$element: #6d7ce5;
-		$modifier: #2196f3;
-		$media: white;
-
 		&._container,
 		&._mixin {
 			background-color: $media;