qleaner 1.0.0

package/AssetInCode.js

@@ -0,0 +1,90 @@
+const fs = require("fs");
+const fg = require("fast-glob");
+const parser = require("@babel/parser");
+const traverse = require("@babel/traverse").default;
+
+async function getAssetInCode() {
+  const usedImages = new Set();
+
+  const imageRegex = /\.(png|jpg|jpeg|svg|gif|webp)$/i;
+
+  const codeFiles = await fg([
+    "src/**/*.{tsx,ts,js,jsx}"
+  ]);
+  console.log(codeFiles);
+  for (const file of codeFiles) {
+    const code = fs.readFileSync(file, "utf8");
+    const ast = parser.parse(code, {
+      sourceType: "module",
+      plugins: ["jsx", "typescript"],
+    });
+
+    traverse(ast, {
+      // <img src="...">
+      JSXAttribute(path) {
+        if (path.node.name.name !== "src") return;
+
+        const value = path.node.value;
+
+        if (value.type === "StringLiteral") {
+          if (imageRegex.test(value.value)) {
+            usedImages.add(value.value);
+          }
+        }
+
+        if (value.type === "JSXExpressionContainer") {
+          const expr = value.expression;
+
+          if (expr.type === "StringLiteral" && imageRegex.test(expr.value)) {
+            usedImages.add(expr.value);
+          }
+
+          if (expr.type === "TemplateLiteral") {
+            expr.quasis.forEach((q) => {
+              if (imageRegex.test(q.value.raw)) {
+                usedImages.add(q.value.raw);
+              }
+            });
+          }
+        }
+      },
+
+      // String literals anywhere in code
+      StringLiteral(path) {
+        if (imageRegex.test(path.node.value)) {
+          usedImages.add(path.node.value);
+        }
+      },
+
+      // Template literals: `/images/${name}.png`
+      TemplateLiteral(path) {
+        path.node.quasis.forEach((quasi) => {
+          if (imageRegex.test(quasi.value.raw)) {
+            usedImages.add(quasi.value.raw);
+          }
+        });
+      },
+
+      // Arrays: ["img/a.png", "img/b.png"]
+      ArrayExpression(path) {
+        path.node.elements.forEach((el) => {
+          if (el?.type === "StringLiteral" && imageRegex.test(el.value)) {
+            usedImages.add(el.value);
+          }
+        });
+      },
+
+      // Objects: { image: "img/a.png" }
+      ObjectProperty(path) {
+        const val = path.node.value;
+        if (val.type === "StringLiteral" && imageRegex.test(val.value)) {
+          usedImages.add(val.value);
+        }
+      },
+    });
+  }
+  console.log(Array.from(usedImages));
+}
+
+getAssetInCode();
+

package/README.md

@@ -0,0 +1 @@
+# react-cleaner

package/assets.js

@@ -0,0 +1,37 @@
+const fg = require('fast-glob');
+const fs = require('fs');
+const parser = require('@babel/parser');
+const traverse = require('@babel/traverse').default;
+
+async function getFiles() {
+    const assets = [];
+  const files = await fg([  "src/**/*.{png,jpg,jpeg,svg,gif,webp}",
+    "public/**/*.{png,jpg,jpeg,svg,gif,webp}",]);
+const codeFiles = await fg([  "src/**/*.{js,jsx,ts,tsx}",
+    "src/**/*.css",
+    "src/**/*.json"]);
+
+    for (const file of codeFiles) {
+      const code = fs.readFileSync(file, 'utf8');
+    const ast = parser.parse(code, {
+      sourceType: 'module',
+      plugins: ['jsx', 'typescript'],
+    });
+    traverse(ast, {
+      ImportDeclaration: ({ node }) => {
+        if(typeof node.source.value === 'string' && /\.(png|jpg|jpeg|svg|gif|webp)$/.test(node.source.value)){
+          assets.push(node.source.value);
+        }
+      },
+      CallExpression: ({ node }) => {
+        if(node.callee.name === 'require' && typeof node.arguments[0].value === 'string' && /\.(png|jpg|jpeg|svg|gif|webp)$/.test(node.arguments[0].value)){
+          assets.push(node.arguments[0].value);
+        }
+      },
+    });
+  }
+  console.log(assets);
+  console.log(files);
+}
+
+getFiles();

package/bin/cli.js

@@ -0,0 +1,13 @@
+const {Command} = require('commander');
+const getFiles = require('../command');
+
+const program = new Command();
+
+program.name('qleaner').description('A tool to clean up your React code').version('1.0.0');
+
+program.command('qlean').description('List all the imports in the project').action(async () => {
+    const imports = await getFiles();
+    console.log(imports);
+});
+
+program.parse(process.argv);

package/command.js

@@ -0,0 +1,55 @@
+const fg = require("fast-glob");
+const fs = require("fs");
+const parser = require("@babel/parser");
+const traverse = require("@babel/traverse").default;
+
+
+module.exports = async function getFiles() {
+  const files = await fg(["app/**/*.{tsx,ts,js,jsx}"]);
+  const imports = [];
+  for (const file of files) {
+    const code = fs.readFileSync(file, "utf8");
+    const ast = parser.parse(code, {
+      sourceType: "module",
+      plugins: [
+        "jsx",
+        "typescript",
+      ],
+    });
+
+    traverse(ast, {
+      ImportDeclaration: ({ node }) => {
+        imports.push({
+            from: node.source.value,
+            file: file,
+            line: node.loc.start.line,
+            column: node.loc.start.column,
+
+        });
+      },
+
+    });
+
+    //   ExportNamedDeclaration: ({ node }) => {
+    //     if (node.declaration.declarations && node.declaration.declarations[0].id && node.declaration.declarations[0].id.name) {
+    //       exports.push(node.declaration.declarations[0].id.name);
+    //     }
+    //   },
+    //   FunctionDeclaration: ({ node }) => {
+    //     console.log('FunctionDeclaration', node.id);
+    //     if (node.id && node.id.name) {
+    //       exports.push(node.id.name);
+    //     }
+    //   },
+    // });
+  }
+
+  console.log('***************** Files *****************');
+  files.forEach((file) => {
+    console.log(file);
+  })
+  console.log('***************** Imports *****************');
+  imports.forEach((importStatement) => {
+    console.log(`${importStatement.file}:${importStatement.line}:${importStatement.column}  ${importStatement.from}`);
+  })
+}

package/cssImages.js

@@ -0,0 +1,33 @@
+const fs = require('fs');
+const fg = require('fast-glob');
+
+function extractCssImages(cssContent) {
+  const urlRegex = /url\((['"]?)(.*?)\1\)/g;
+  const images = new Set();
+  let match;
+
+  while ((match = urlRegex.exec(cssContent)) !== null) {
+    const url = match[2];
+
+    // Only collect image file types
+    if (/\.(png|jpg|jpeg|svg|gif|webp)$/i.test(url)) {
+      images.add(url);
+    }
+  }
+
+  return Array.from(images);
+}
+
+async function getCssImages() {
+  const cssFiles = await fg([
+    "src/**/*.{css,scss}",
+  ]);
+  for (const file of cssFiles) {
+    const css = fs.readFileSync(file, "utf-8");
+    const images = extractCssImages(css);
+    console.log(images);
+  }
+}
+
+getCssImages();
+

package/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "qleaner",
+  "packageManager": "yarn@4.6.0",
+  "version": "1.0.0",
+  "main": "command.js",
+  "bin": "./bin/cli.js",
+  "scripts": {
+    "start": "node bin/cli.js"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.5",
+    "typescript": "^5.3.3"
+  },
+  "dependencies": {
+    "@babel/parser": "^7.28.5",
+    "@babel/traverse": "^7.28.5",
+    "chalk": "^5.6.2",
+    "commander": "^14.0.2",
+    "fast-glob": "^3.3.3"
+  }
+}