Merge pull request #3 from EOS-uiux-Solutions/dev

[React Package] - Gulp setup for fetching SVGs from EOS-Icons

Author: en3sis

gulpfile.ts

@@ -0,0 +1,38 @@
+import { series, parallel } from 'gulp';
+import { clean } from './utils/clean';
+import { copy } from './utils/copy';
+
+export default series(
+
+    // Cleaning 'src','svg','es','lib' before copying SVGs from 'EOS-Icons'
+    clean(['src','svg','es','lib']),
+
+    // Running all the tasks of copying SVGs from 'EOS-Icons' in parallel
+    parallel(
+
+        copy({
+            from: ['node_modules/eos-icons/svg/*.svg'],
+            toDir: 'svg/filled'
+        }),
+
+        copy({
+            from: ['node_modules/eos-icons/svg/material/*.svg'],
+            toDir: 'svg/filled'
+        }),
+
+        copy({
+            from: ['node_modules/eos-icons/animated-svg/*.svg'],
+            toDir: 'svg/animated'
+        }),
+
+        copy({
+            from: ['node_modules/eos-icons/svg-outlined/*.svg'],
+            toDir: 'svg/outlined'
+        }),
+
+        copy({
+            from: ['node_modules/eos-icons/svg-outlined/material/*.svg'],
+            toDir: 'svg/outlined'
+        })
+    )
+);

interface/index.ts

@@ -0,0 +1,4 @@
+export interface CopyCreatorOptions {
+    from: string[];
+    toDir: string;
+}

package.json

@@ -4,7 +4,7 @@
   "description": "Eos-Icons React npm package",
   "main": "index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "fetch": "gulp --require ts-node/register/transpile-only"
   },
   "repository": {
     "type": "git",
@@ -17,13 +17,18 @@
   },
   "homepage": "https://github.com/EOS-uiux-Solutions/eos-icons-react#readme",
   "devDependencies": {
+    "@types/gulp": "^4.0.8",
     "@typescript-eslint/eslint-plugin": "^4.27.0",
     "@typescript-eslint/parser": "^4.27.0",
+    "del": "^6.0.0",
+    "eos-icons": "^5.1.0",
     "eslint": "^7.28.0",
     "eslint-config-standard": "^16.0.3",
     "eslint-plugin-import": "^2.23.4",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^5.1.0",
+    "gulp": "^4.0.2",
+    "ts-node": "^10.0.0",
     "typescript": "^4.3.2"
   },
   "peerDependencies": {

utils/clean.ts

@@ -0,0 +1,6 @@
+import del from 'del';
+
+export const clean = (dirs: string[]) =>
+  function CleanDirectories() {
+    return del(dirs);
+};

utils/copy.ts

@@ -0,0 +1,7 @@
+import { src, dest } from 'gulp';
+import { CopyCreatorOptions } from '../interface';
+
+export const copy = ({ from, toDir }: CopyCreatorOptions) =>
+  function CopyFiles() {
+    return src(from).pipe(dest(toDir));
+};