Moved copying fonts to gulp

Author: EranNL

gulpfile.js

@@ -4,23 +4,41 @@ const gulp = require('gulp');
 const sass = require('gulp-sass');
 sass.compiler = require('sass');
 const rename = require('gulp-rename');
-const ts = require('gulp-typescript');
 
-const buildSass = async () => {
+const buildCss = async () => {
     return await gulp.src('./src/style/index.scss')
         .pipe(sass().on('error', sass.logError))
-        .pipe(gulp.dest('./dist/style'));
+        .pipe(gulp.dest('./dist/css'));
 }
 
-gulp.task('sass', buildSass);
+gulp.task('css:build', buildCss);
 
-const buildSassMin = async () => {
+const copySass = async () => {
+    return await gulp.src('./src/style/**/*.scss')
+        .pipe(gulp.dest('./dist/scss'))
+}
+
+gulp.task('sass:copy', copySass);
+
+const buildCssMin = async () => {
     return await gulp.src('./src/style/index.scss')
         .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError))
         .pipe(rename('index.min.css'))
-        .pipe(gulp.dest('./dist/style'));
+        .pipe(gulp.dest('./dist/css'));
+}
+
+gulp.task('css:build:min', buildCssMin);
+
+const copyIcons = async () => {
+    return await gulp.src('./src/icons/*')
+        .pipe(gulp.dest('./dist/icons'))
 }
 
-gulp.task('sass:min', buildSassMin);
+gulp.task('icons:copy', copyIcons);
 
-gulp.task('default', gulp.series('sass', 'sass:min'));
+gulp.task('default', gulp.series(
+    'css:build',
+    'css:build:min',
+    'sass:copy',
+    'icons:copy'
+));

package-lock.json

@@ -6,9 +6,9 @@
     "types": "dist/index.d.ts",
     "typings": "dist/index.d.ts",
     "scripts": {
-        "build:css": "rimraf scss && cp -r ./src/style scss && gulp",
+        "build:css": "gulp",
         "build:js": "tsc -p tsconfig-build.json",
-        "build": "rimraf dist && npm run build:js && npm run build:css && cp -r ./src/fonts ./dist/fonts",
+        "build": "rimraf dist && npm run build:js && npm run build:css",
         "test": "jest --config=jest.config.json",
         "test-coverage": "jest --config=jest.config.json --collectCoverage",
         "dev": "webpack serve --config www/webpack.config.js"
@@ -54,6 +54,7 @@
     },
     "dependencies": {
         "@popperjs/core": "^2.8.6",
+        "bootstrap": "^4.6.0",
         "clsx": "^1.1.1",
         "framer-motion": "^3.7.0",
         "prop-types": "^15.7.2",

package.json

@@ -1,6 +1,7 @@
 /**
  * 1. Base style setup
  */
+@forward "base/variables";
 @use "base/typography";
 @use "base/base";