v5.3.0-v1

VertisanPRO · Sep 16, 2024 · bfefc9e · bfefc9e
1 parent beb8f17
commit bfefc9e
Show file tree

Hide file tree

Showing 11 changed files with 6,933 additions and 6,963 deletions.
diff --git a/lerna.json b/lerna.json
@@ -2,7 +2,7 @@
   "packages": [
     "packages/*"
   ],
-  "version": "5.1.0-v6",
+  "version": "5.3.0-v1",
   "command": {
     "version": {
       "push": true

diff --git a/package.json b/package.json
@@ -7,13 +7,13 @@
   ],
   "license": "MIT",
   "devDependencies": {
-    "@types/node": "^20.9.4",
-    "@typescript-eslint/eslint-plugin": "^6.12.0",
-    "@typescript-eslint/parser": "^6.12.0",
-    "eslint": "^8.54.0",
-    "eslint-plugin-react": "^7.33.2",
-    "lerna": "^8.0.0",
-    "prettier": "^3.1.0"
+    "@types/node": "^22.0.0",
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react": "^7.35.0",
+    "lerna": "^8.1.7",
+    "prettier": "^3.3.3"
   },
   "scripts": {
     "clean": "yarn clean:root && yarn clean:preview && yarn clean:react-icons && yarn clean:ts-test && yarn clean:webpack5",

diff --git a/packages/_react-icons-pack/package.json b/packages/_react-icons-pack/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vertisanpro/react-icons-pack",
-  "version": "5.1.0-v6",
+  "version": "5.3.0-v1",
   "description": "SVG React icons of popular icon packs using ES6 imports",
   "author": "PadowYT2",
   "contributors": [

diff --git a/packages/_react-icons/package.json b/packages/_react-icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vertisanpro/react-icons",
-  "version": "5.1.0-v6",
+  "version": "5.3.0-v1",
   "description": "SVG React icons of popular icon packs using ES6 imports",
   "author": "PadowYT2",
   "contributors": [

diff --git a/packages/preview/package.json b/packages/preview/package.json
@@ -9,33 +9,33 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "version": "5.1.0-v6",
+  "version": "5.3.0-v1",
   "private": true,
   "dependencies": {
-    "@loadable/component": "^5.15.3",
-    "@vertisanpro/react-icons": "^5.1.0-v6",
+    "@loadable/component": "^5.16.4",
+    "@vertisanpro/react-icons": "^5.3.0-v1",
     "babel-plugin-codegen": "^4.1.5",
     "babel-plugin-macros": "^3.1.0",
     "basscss": "^8.1.0",
     "cogo-toast": "^4.2.3",
     "copy-to-clipboard": "^3.3.3",
-    "css-loader": "6.8.1",
+    "css-loader": "7.1.2",
     "ignore-loader": "^0.1.2",
     "lodash": "^4.17.21",
-    "next": "^14.0.3",
+    "next": "^14.2.5",
     "next-pwa": "^5.6.0",
-    "prism-react-renderer": "^2.3.0",
+    "prism-react-renderer": "^2.3.1",
     "prop-types": "^15.8.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "sass": "^1.69.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "sass": "^1.77.8",
     "tiny-skeleton-loader-react": "^1.2.1"
   },
   "devDependencies": {
-    "@types/node": "^20.9.4",
-    "@types/react": "^18.2.38",
-    "@types/react-dom": "^18.2.17",
-    "typescript": "^5.3.2"
+    "@types/node": "^22.0.0",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "typescript": "^5.5.4"
   },
   "browserslist": [
     ">0.2%",

diff --git a/packages/preview/src/styles/_components.scss b/packages/preview/src/styles/_components.scss
@@ -182,11 +182,12 @@ a {
         0 1px 2px 0 rgba(0, 0, 0, 0.06);
       border: 2px solid transparent;
       font-size: 1.6em;
+      cursor: pointer;
     }
 
     &:hover {
       .icon {
-        background: var(--color-white);
+        background: var(--color-gray-2);
       }
     }
 
@@ -320,6 +321,10 @@ a {
     border: 1px solid #495057;
   }
 
+  .item:hover .icon {
+    background-color: (var(--color-brand));
+  }
+
   .item:focus .icon {
     border: 1px solid #e91e63;
     background: rgba(var(--color-brand-rgb), 0.05);
@@ -329,10 +334,6 @@ a {
     border: 1px solid #e91e63;
   }
 
-  // .checkbox-label .ball {
-  // background-color: #5cb0ff;
-  // }
-
   pre.code .prism-code--copy {
     // color: #5cb0ff;
     color: white;

diff --git a/packages/react-icons/package.json b/packages/react-icons/package.json
@@ -1,7 +1,7 @@
 {
   "name": "react-icons_builders",
   "private": true,
-  "version": "5.1.0-v6",
+  "version": "5.3.0-v1",
   "description": "SVG React icons of popular icon packs using ES6 imports",
   "author": "PadowYT2",
   "contributors": [
@@ -24,26 +24,28 @@
     "react": "*"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.4",
-    "@babel/core": "^7.23.3",
+    "@babel/cli": "^7.24.8",
+    "@babel/core": "^7.25.2",
+    "@types/cli-progress": "^3.11.6",
+    "@types/react": "^18.3.3",
     "@primer/octicons": "^18.3.0",
-    "@types/react": "^18.2.38",
     "camelcase": "^8.0.0",
     "cheerio": "^1.0.0-rc.12",
-    "esbuild": "^0.19.7",
-    "esbuild-register": "^3.5.0",
+    "cli-progress": "^3.12.0",
+    "esbuild": "^0.23.0",
+    "esbuild-register": "^3.6.0",
     "feather-icons": "^4.7.3",
     "find-package": "^1.0.0",
-    "glob": "^10.3.10",
-    "glob-promise": "^6.0.5",
+    "glob": "^10.4.5",
+    "glob-promise": "^6.0.7",
     "ionicons": "^4.6.3",
     "ionicons-5": "npm:ionicons@5",
-    "lerna": "^8.0.0",
     "lucide-static": "^0.263.0",
-    "p-queue": "^7.4.1",
-    "prettier": "^3.1.0",
+    "lerna": "^8.1.7",
+    "p-queue": "^8.0.1",
+    "prettier": "^3.3.3",
     "svgo": "^1.3.2",
-    "typescript": "^5.3.2"
+    "typescript": "^5.5.4"
   },
   "scripts": {
     "ts": "node -r esbuild-register",

diff --git a/packages/react-icons/scripts/fetcher.ts b/packages/react-icons/scripts/fetcher.ts
@@ -1,3 +1,4 @@
+import { SingleBar } from "cli-progress";
 import util from "node:util";
 import { execFile as rawExecFile } from "node:child_process";
 import fs from "fs";
@@ -31,22 +32,37 @@ async function main() {
     recursive: true,
   });
 
+  const progressBar = new SingleBar({
+    format:
+      "Cloning Icons [{bar}] {percentage}% | ETA: {eta_formatted} | {value}/{total}",
+    barCompleteChar: "#",
+    barIncompleteChar: ".",
+    hideCursor: true,
+    stopOnComplete: true,
+    barsize: 100,
+    etaBuffer: 200,
+    fps: 3,
+    etaAsynchronousUpdate: true,
+  });
+  const totalIcons = icons.filter((icon) => icon.source).length;
+  progressBar.start(totalIcons, 0);
+
   const queue = new PQueue({ concurrency: os.cpus().length });
   for (const icon of icons) {
     if (!icon.source) {
       continue;
     }
     const { source } = icon;
-    queue.add(() => gitCloneIcon(source, ctx));
+    queue.add(async () => {
+        await gitCloneIcon(source, ctx);
+        progressBar.increment(); // Update the progress bar
+      });
   }
 
   await queue.onIdle();
 }
 
 async function gitCloneIcon(source: IconSetGitSource, ctx: Context) {
-  console.log(
-    `Cloning icon from: ${source.url}/${source.remoteDir} at branch: ${source.branch}`,
-  );
   await execFile(
     "git",
     ["clone", "--filter=tree:0", "--no-checkout", source.url, source.localName],

diff --git a/packages/react-icons/scripts/task_common.ts b/packages/react-icons/scripts/task_common.ts
@@ -134,7 +134,7 @@ export async function writeIconVersions({ DIST, LIB, rootDir }) {
 
   const versionsStr =
     "| Icon Library | License | Version | Count |\n" +
-    "| --- | --- | --- | ---: |\n" +
+    "|:---:|:---:|:---:|:---:|\n" +
     versions
       .map(
         (v) =>

diff --git a/packages/react-icons/src/icons/index.ts b/packages/react-icons/src/icons/index.ts
@@ -23,7 +23,7 @@ export const icons: IconDefinition[] = [
       remoteDir: "svg/",
       url: "https://github.com/Klarr-Agency/Circum-Icons.git",
       branch: "main",
-      hash: "eeef6206df834e6957a45e36d2bfb7459ce6e799",
+      hash: "cec1364b5199f55e946a9a8360385a958b98cc60",
     },
   },
   {
@@ -85,7 +85,7 @@ export const icons: IconDefinition[] = [
       remoteDir: "svgs/",
       url: "https://github.com/FortAwesome/Font-Awesome.git",
       branch: "6.x",
-      hash: "f0c25837a3fe0e03783b939559e088abcbfb3c4b",
+      hash: "37eff7fa00de26db41183a3ad8ed0e9119fbc44b",
     },
   },
   {
@@ -177,7 +177,7 @@ export const icons: IconDefinition[] = [
       remoteDir: "src/",
       url: "https://github.com/google/material-design-icons.git",
       branch: "master",
-      hash: "1ea21d5429750938f4a8e694e75a54fc0f02dae1",
+      hash: "e9da2194e65080a829d670ae39a99c7b5fc09548",
     },
   },
   {
@@ -351,7 +351,7 @@ export const icons: IconDefinition[] = [
       remoteDir: "packages/icons-svg/svg/",
       url: "https://github.com/ant-design/ant-design-icons.git",
       branch: "master",
-      hash: "d7c5ad5015a0cbb67c4c1faa639edc1c4d16c23a",
+      hash: "ddab19ea598d1112c7a9c2478688a8fef93309a1",
     },
   },
   {
@@ -389,7 +389,7 @@ export const icons: IconDefinition[] = [
       remoteDir: "icons/",
       url: "https://github.com/twbs/icons.git",
       branch: "main",
-      hash: "7c2454522e5ce8bbfc4edb8c7b2e42b8c3d7f197",
+      hash: "2357f3f11ba71970d03713e8c16b312a338476d1",
     },
   },
   {
@@ -410,32 +410,7 @@ export const icons: IconDefinition[] = [
       remoteDir: "icons/",
       url: "https://github.com/Remix-Design/RemixIcon.git",
       branch: "master",
-      hash: "3c4f3ff316c8ebe1b8838c211ecaf8348d203049",
-    },
-  },
-  {
-    id: "fc",
-    name: "Flat Color Icons",
-    contents: [
-      {
-        files: path.resolve(
-          __dirname,
-          "../../icons/flat-color-icons/svg/*.svg",
-        ),
-        formatter: (name) => `Fc${name}`,
-        multiColor: true,
-      },
-    ],
-    projectUrl: "https://github.com/icons8/flat-color-icons",
-    license: "MIT",
-    licenseUrl: "https://opensource.org/licenses/MIT",
-    source: {
-      type: "git",
-      localName: "flat-color-icons",
-      remoteDir: "svg/",
-      url: "https://github.com/icons8/flat-color-icons.git",
-      branch: "master",
-      hash: "8eccbbbd8b2af1d2c9593e7cfba5ecb0d68ee378",
+      hash: "075c090ab54ca75b27c85b016482e10a3719ee6f",
     },
   },
   {
@@ -459,7 +434,7 @@ export const icons: IconDefinition[] = [
       remoteDir: "public/img/",
       url: "https://github.com/grommet/grommet-icons.git",
       branch: "master",
-      hash: "2c16c9d1ed028b6cb58f0411c4e71c6cd70387fa",
+      hash: "f9548cae611e0390efa38885d150ffa351451762",
     },
   },
   {
@@ -528,7 +503,7 @@ export const icons: IconDefinition[] = [
       remoteDir: "optimized/",
       url: "https://github.com/tailwindlabs/heroicons.git",
       branch: "master",
-      hash: "eee05eb77af6cdedfb97f128d1998773fc984b28",
+      hash: "56c073c2c9a66d2e51adb93d8e87e2e941d5b6db",
     },
   },
   {
@@ -549,7 +524,7 @@ export const icons: IconDefinition[] = [
       remoteDir: "icons/",
       url: "https://github.com/simple-icons/simple-icons.git",
       branch: "develop",
-      hash: "f74f0e6b995aa099458455eebe2e2e89fe1a9f89",
+      hash: "fc8bdcf4340ca1265045e714d7e65a824fc21d51",
     },
   },
   {
@@ -648,7 +623,7 @@ export const icons: IconDefinition[] = [
       remoteDir: "icons/svg/",
       url: "https://github.com/astrit/css.gg.git",
       branch: "master",
-      hash: "deea4fa5f39a2980d7586aed18d65cdba6fd85e3",
+      hash: "ad0428df5491082b29a81d64dbdc59b9602cc059",
     },
   },
   {
@@ -672,7 +647,7 @@ export const icons: IconDefinition[] = [
       remoteDir: "src/icons/",
       url: "https://github.com/microsoft/vscode-codicons.git",
       branch: "main",
-      hash: "19a8819666fed0658f30722bce3781e7fcdc0675",
+      hash: "eaa030691d720b9c5c0efa93d9be9e2e45d7262b",
     },
   },
   {
@@ -692,8 +667,8 @@ export const icons: IconDefinition[] = [
       localName: "tabler-icons",
       remoteDir: "icons/",
       url: "https://github.com/tabler/tabler-icons.git",
-      branch: "master",
-      hash: "93e971c34c184c76b43413004a237a1e2902c58f",
+      branch: "main",
+      hash: "405bcfffba9cecf08e686145367dcdc9cc44eb5c",
     },
   },
   {
@@ -763,7 +738,7 @@ export const icons: IconDefinition[] = [
       remoteDir: "assets/",
       url: "https://github.com/phosphor-icons/core.git",
       branch: "main",
-      hash: "f0d270195c812c0d859290fb3af84e863b86b480",
+      hash: "7790ae563ef83ac36094b15b5e109d89fef09337",
     },
   },
   {