Initial commit

Author: Idrinth

.gitignore

@@ -0,0 +1,6 @@
+/.idea
+/node_modules
+
+# Project exclude paths
+/src/build-map.js
+/src/index.js

bin/lint-css-duplicates.js

@@ -0,0 +1,3 @@
+import lint from '../src/index.js';
+
+lint(process.argv[2] || process.cwd());

package-lock.json

@@ -0,0 +1,20 @@
+{
+  "name": "@idrinth/duplicate-style-check",
+  "version": "1.0.0",
+  "description": "",
+  "type": "module",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "tsc": "tsc -p tsconfig.json"
+  },
+  "private": false,
+  "dependencies": {
+    "css": "^3.0.0"
+  },
+  "devDependencies": {
+    "@types/css": "^0.0.37",
+    "@types/node": "^20.10.6",
+    "typescript": "^5.3.3",
+    "ts-node": "^10.9.2"
+  }
+}

package.json

@@ -0,0 +1,53 @@
+import css from 'css';
+import {readFileSync} from 'fs';
+
+interface Rules {
+    [selector:string]: {
+        [media:string]: {
+            [property:string]: string
+        }
+    }
+}
+const handleDeclaration = (selector: string, declaration: css.Declaration, position: css.Position|undefined, media: string, rules: Rules) => {
+    if (rules[selector]) {
+        if (rules[selector][media]) {
+            if (rules[selector][media][declaration.property || '']) {
+                console.error(`${declaration.property} of ${selector} overwrites a previous definition in line ${position?.line} for media ${media}.`);
+            }
+        }
+        if (media !== '' && rules[selector]['']) {
+            if (rules[selector][''][declaration.property || ''] && rules[selector][''][declaration.property || ''] === declaration.value || '') {
+                console.error(`${declaration.property} of ${selector} overwrites a previous definition in line ${position?.line} general with the same value.`);
+            }
+        }
+    }
+    rules[selector] = rules[selector] || {};
+    rules[selector][media] = rules[selector][media] || {};
+    rules[selector][media][declaration.property || ''] = declaration.value || '';
+}
+const handleRule = (rule: css.Rule, rules: Rules, media: string = '') => {
+    for (const selector of rule.selectors || []) {
+        for (const declaration of rule.declarations || []) {
+            if (declaration.type === 'declaration') {
+                handleDeclaration(selector, declaration, rule.position?.start, media, rules);
+            }
+        }
+    }
+};
+const handleAtRule = (rule: css.Media, rules: Rules) => {
+    for (const rul of rule.rules || []) {
+        handleRule(rul, rules, rule.media)
+    }
+};
+export default(file: string): void => {
+    const rules: Rules = {};
+    console.log(file);
+    const code = css.parse(readFileSync(file, 'utf8'));
+    for (const rule of (code.stylesheet?.rules || [])) {
+        if (rule.type === 'rule') {
+            handleRule(rule, rules)
+        } else if(rule.type === 'media') {
+            handleAtRule(rule, rules);
+        }
+    }
+};

src/build-map.ts

@@ -0,0 +1,10 @@
+import {readdirSync} from 'node:fs';
+import buildMap from './build-map.js';
+
+export default (cwd: string) => {
+    for (const file of readdirSync(cwd, {recursive: true, encoding: 'utf8'})) {
+        if (file.endsWith('.css') && !file.includes('node_modules') && !file.includes('coverage') && !file.includes('dist')) {
+            buildMap(cwd + '/' + file);
+        }
+    }
+}

src/index.ts

@@ -0,0 +1,24 @@
+{
+  "compilerOptions": {
+    "experimentalDecorators": true,
+    "module": "NodeNext",
+    "lib": [],
+    "target": "ESNext",
+    "esModuleInterop": true,
+    "moduleResolution": "NodeNext",
+    "resolveJsonModule": true
+  },
+  "typeRoots" : [
+    "./typings",
+    "@types"
+  ],
+  "include": [
+    "src/**/*.ts",
+  ],
+  "ts-node": {
+    "transpileOnly": true,
+    "moduleTypes": {
+      "*.ts": "cjs"
+    }
+  }
+}