cronus-theme 2.0.89 → 2.0.90

package/child/Gulpfile.js

@@ -1,463 +0,0 @@
-const yargs = require('yargs');
-const shopconfig = require('./config.json');
-let type = shopconfig.type;
-
-const argv = yargs
-    .option('print-config', {
-        alias: 'p',
-        description: 'print config comment with config keys and exit',
-        type: 'boolean',
-        default: false
-    })
-    .option('type', {
-        alias: 't',
-        description: 'Set type to use',
-        type: 'string'
-    })
-    .option('layoutcode', {
-        alias: 'l',
-        description: 'Set layoutcode to use',
-        type: 'string'
-    })
-    .argv;
-
-if (typeof argv.type !== 'undefined') {
-    type = argv.type;
-}
-
-if (argv['print-config']) {
-    console.log(shopconfig.__comment);
-    process.exit(0);
-}
-
-const config = shopconfig;
-
-const layoutcode = config.layout.code;
-const layoutpath = "/layout/frontend/" + layoutcode + "/";
-let srcdir = config.layout.src;
-let builddir = config.layout.build;
-let distdir = config.layout.dist;
-const iconfontName = config.icons.name;
-const favicon = config.favicon;
-const browserSyncOptions = shopconfig.browsersync;
-const faviconColor = favicon.color.toLowerCase();
-const faviconBackground = favicon.background.toLowerCase();
-const timestamp = Math.round(Date.now() / 1000).toString();
-
-let nameIconfont = iconfontName;
-let browserSyncProxy = browserSyncOptions.proxy;
-
-if(config.browserSyncProxy && config.browserSyncProxy !== ""){
-    browserSyncProxy = config.browserSyncProxy;
-}
-
-console.log("layoutcode: " + config.layout.code);
-console.log("timestamp: " + timestamp);
-console.log("srcdir: " + srcdir);
-console.log("builddir: " + builddir);
-console.log("distdir: " + distdir);
-console.log("proxy: " + browserSyncProxy);
-
-const gulp = require('gulp');
-const sass = require('gulp-dart-sass');
-const sourcemaps = require('gulp-sourcemaps');
-const clean = require('gulp-clean');
-const iconfont = require('gulp-iconfont');
-const iconfontCss = require('gulp-iconfont-css');
-const minifyCSS = require('dc-gulp-clean-css');
-const realFavicon = require('gulp-real-favicon');
-const fs = require('fs');
-const autoprefixer = require('gulp-autoprefixer');
-const replace = require('gulp-replace');
-const git = require('gulp-git');
-const gulpEsbuild = require("gulp-esbuild");
-const rename = require("gulp-rename");
-const tap = require("gulp-tap");
-const template = require("gulp-template");
-const run = require('gulp-run');
-const browserSyncServer = require('browser-sync').create();
-
-function cleanDist() {
-    return gulp.src(
-        distdir,
-        builddir + "/css",
-        builddir + "/snippets"
-    )
-        .on('error', onErrorHide)
-        .pipe(clean());
-}
-
-function cleanIcons() {
-    return gulp.src(
-        srcdir + "/icons"
-    )
-        .on('error', onErrorHide)
-        .pipe(clean());
-}
-
-function copy() {
-    return gulp.src(srcdir + '/fonts/**/*')
-        .pipe(gulp.dest(distdir + '/fonts/')),
-        gulp.src(srcdir + '/images/**/*')
-            .pipe(gulp.dest(distdir + '/images/')),
-        gulp.src(srcdir + '/icons/**/*')
-            .pipe(gulp.dest(distdir + '/fonts/')),
-        gulp.src(builddir + '/favicons/**/*')
-            .pipe(gulp.dest(distdir + '/favicons/'));
-}
-
-function sassSourcemaps() {
-    if (browserSyncOptions.start) {
-        return gulp.src([
-            srcdir + "/scss/*.scss"
-        ])
-            .pipe(sourcemaps.init())
-            .pipe(sass({
-                includePaths: ["node_modules"]
-            }).on('error', sass.logError))
-            .pipe(sourcemaps.write("."))
-            .pipe(gulp.dest(distdir + '/css/'))
-            .pipe(browserSyncServer.stream());
-    } else {
-        return gulp.src([
-            srcdir + "/scss/*.scss"
-        ])
-            .pipe(sourcemaps.init())
-            .pipe(sass({
-                includePaths: ["node_modules"]
-            }).on('error', sass.logError))
-            .pipe(sourcemaps.write("."))
-            .pipe(gulp.dest(distdir + '/css'));
-    }
-}
-
-function sassStyle() {
-    return gulp.src([
-        srcdir + "/scss/*.scss"
-    ])
-        .pipe(sass({
-            includePaths: ["node_modules"]
-        }).on('error', sass.logError))
-        .pipe(gulp.dest(distdir + '/css'));
-}
-
-function sassAddons() {
-    return gulp.src(srcdir + "/scss/addons/*.scss")
-        .pipe(sass({
-            includePaths: ["node_modules"]
-        }).on('error', sass.logError))
-        .pipe(replace('../fonts/', '../../fonts/'))
-        .pipe(gulp.dest(distdir + "/css/addons"));
-}
-
-function autoprefixCSS() {
-    return gulp.src(distdir + '/css/*.css')
-        .pipe(autoprefixer()).on('error', onError)
-        .pipe(gulp.dest(distdir + '/css'));
-}
-
-function minifyStyleCSS() {
-    return gulp.src(distdir + '/css/**/*.css')
-        .pipe(minifyCSS({level: {1: {specialComments: 0}}}))
-        .pipe(gulp.dest(distdir + '/css'));
-}
-
-function renameCSSFiles() {
-    return gulp.src(distdir + '/css/*.css')
-        .pipe(rename({
-            suffix: timestamp
-        }))
-        .pipe(gulp.dest(distdir + '/css'));
-}
-
-function renameJSFiles() {
-    return gulp.src(distdir + '/js/*.js')
-        .pipe(rename({
-            suffix: timestamp
-        }))
-        .pipe(gulp.dest(distdir + '/js'));
-}
-
-function generateIconfont() {
-    return gulp.src(config.icons.src)
-        .pipe(iconfontCss({
-            fontName: nameIconfont,
-            path: config.icons.template,
-            targetPath: config.icons.buildScss,
-            fontPath: config.icons.fontPath,
-        }).on('error', onError))
-        .pipe(iconfont({
-            fontName: nameIconfont,
-            prependUnicode: true,
-            formats: ['woff', 'woff2'],
-            fontSize: 1000
-        }).on('error', onError))
-        .pipe(gulp.dest(srcdir + '/icons/'));
-}
-
-function generateIconfontTimestamp() {
-    nameIconfont = nameIconfont + timestamp;
-    return gulp.src(config.icons.src)
-        .pipe(iconfontCss({
-            fontName: nameIconfont,
-            path: config.icons.template,
-            targetPath: config.icons.buildScss,
-            fontPath: config.icons.fontPath,
-        }).on('error', onError))
-        .pipe(iconfont({
-            fontName: nameIconfont,
-            prependUnicode: true,
-            formats: ['woff', 'woff2'],
-            fontSize: 1000
-        }).on('error', onError))
-        .pipe(gulp.dest(srcdir + '/icons/'));
-}
-
-function generateFontHtml() {
-    return gulp.src([
-        srcdir + "/snippets/includeFont.html"
-    ])
-        .pipe(replace('%linkIconfontWoff2%', layoutpath + distdir + "/fonts/" + nameIconfont))
-        .on('error', onError)
-        .pipe(rename("iconfont.html"))
-        .pipe(gulp.dest(distdir + "/snippets/"));
-}
-
-function generateCSSHtml() {
-    return gulp.src([
-        distdir + "/css/*.css"
-    ])
-        .pipe(
-            tap(function (file) {
-                let fileName = file.basename.replace(/\.[^/.]+$/, "");
-                let htmlName = fileName.replace(timestamp, "");
-                gulp.src(srcdir + '/snippets/includeCSS.html')
-                    .pipe(template())
-                    .pipe(replace('%linkCSS%', layoutpath + distdir + "/css/" + fileName))
-                    .pipe(rename(htmlName + ".html"))
-                    .pipe(gulp.dest(distdir + "/snippets/css"));
-
-            })
-        );
-}
-
-function generateJSHtml() {
-    return gulp.src([
-        distdir + "/js/*.js"
-    ])
-        .pipe(tap(function (file) {
-            let fileName = file.basename.replace(/\.[^/.]+$/, "");
-            let htmlName = fileName.replace(timestamp, "");
-            gulp.src(srcdir + '/snippets/includeJS.html')
-                .pipe(template())
-                .pipe(replace('%linkJS%', layoutpath + distdir + "/js/" + fileName))
-                .pipe(rename(htmlName + ".html"))
-                .pipe(gulp.dest(distdir + "/snippets/js"));
-
-        }));
-}
-
-function generateFaviconHtml() {
-    return gulp.src(srcdir + "/snippets/faviconmarkup.html")
-        .pipe(realFavicon.injectFaviconMarkups(JSON.parse(fs.readFileSync(builddir + favicon.distdir + "/faviconData.json")).favicon.html_code))
-        .pipe(replace('<html><head>', ''))
-        .pipe(replace('</head><body></body></html>', ''))
-        .pipe(replace('./layout/frontend/', '/layout/frontend/'))
-        .pipe(gulp.dest(distdir + "/snippets/"));
-}
-
-const esbuild = (options) => {
-    let baseOptions = {
-        bundle: true,
-        target: [
-            'firefox100',
-            'chrome100',
-            'edge100',
-            'safari15',
-            'ios14'
-        ]
-    }
-    return gulp.src(
-        srcdir + '/js/*.js',
-        srcdir + '/js/*.ts'
-    )
-        .pipe(gulpEsbuild({...baseOptions, ...options}))
-        .on('error', onError)
-        .pipe(gulp.dest(distdir + '/js'));
-}
-
-function esbuildSourcemaps() {
-    return esbuild({
-        sourcemap: true,
-    });
-}
-
-function esbuildPublic() {
-    return esbuild({
-        sourcemap: true,
-        minify: true
-    });
-}
-
-function watchFiles() {
-    gulp.watch([
-        srcdir + "/scss/**/*.scss"
-    ], gulp.series(
-        gulp.parallel(sassSourcemaps)
-    ));
-    gulp.watch([
-        srcdir + "/js/**/*.js",
-        srcdir + "/js/**/*.ts"
-    ], gulp.series(
-        esbuildSourcemaps,
-        browsersyncReload
-    ));
-}
-
-function onError(err) {
-    console.error(err);
-    this.emit('end');
-}
-
-function onErrorHide(err) {
-    this.emit('end');
-}
-
-function browsersyncServe(cb) {
-    if (browserSyncOptions.start) {
-        browserSyncServer.init({
-            port: browserSyncOptions.port,
-            open: browserSyncOptions.open,
-            proxy: browserSyncProxy
-        });
-        cb();
-    }else{
-        cb();
-    }
-}
-
-function browsersyncReload(cb) {
-    if (browserSyncOptions.start) {
-        browserSyncServer.reload();
-    }
-    cb();
-}
-
-// TASKS
-
-gulp.task('default', gulp.series(
-    gulp.parallel(
-        cleanIcons,
-        cleanDist
-    ),
-    gulp.parallel(
-        browsersyncServe,
-        generateIconfont
-    ),
-    gulp.parallel(
-        copy,
-        sassSourcemaps,
-        sassAddons,
-        esbuildSourcemaps
-    ),
-    gulp.parallel(
-        generateCSSHtml,
-        generateJSHtml,
-        generateFontHtml,
-        generateFaviconHtml
-    ),
-    watchFiles
-));
-
-gulp.task('public', gulp.series(
-    gulp.parallel(
-        cleanIcons,
-        cleanDist
-    ),
-    generateIconfontTimestamp,
-    gulp.parallel(
-        copy,
-        sassStyle,
-        sassAddons,
-        esbuildPublic
-    ),
-    autoprefixCSS,
-    minifyStyleCSS,
-    gulp.parallel(
-        renameCSSFiles,
-        renameJSFiles
-    ),
-    gulp.parallel(
-        generateCSSHtml,
-        generateJSHtml,
-        generateFontHtml,
-        generateFaviconHtml
-    )
-));
-
-gulp.task('generate-favicon', function (done) {
-    realFavicon.generateFavicon({
-        masterPicture: srcdir + "/" + favicon.masterpicture_path + "/" + favicon.masterpicture_filename,
-        dest: builddir + favicon.distdir + '/',
-        iconsPath: layoutpath + distdir + favicon.distdir + '/',
-        design: {
-            ios: {
-                pictureAspect: 'backgroundAndMargin',
-                backgroundColor: faviconBackground,
-                margin: '18%',
-                assets: {
-                    ios6AndPriorIcons: false,
-                    ios7AndLaterIcons: false,
-                    precomposedIcons: false,
-                    declareOnlyDefaultIcon: true
-                }
-            },
-            desktopBrowser: {
-                design: 'raw'
-            },
-            windows: {
-                pictureAspect: 'noChange',
-                backgroundColor: faviconBackground,
-                onConflict: 'override',
-                assets: {
-                    windows80Ie10Tile: false,
-                    windows10Ie11EdgeTiles: {
-                        small: false,
-                        medium: true,
-                        big: false,
-                        rectangle: false
-                    }
-                }
-            },
-            androidChrome: {
-                pictureAspect: 'noChange',
-                themeColor: faviconBackground,
-                manifest: {
-                    name: favicon.title,
-                    display: 'standalone',
-                    orientation: 'notSet',
-                    onConflict: 'override',
-                    declared: true
-                },
-                assets: {
-                    legacyIcon: false,
-                    lowResolutionIcons: false
-                }
-            },
-            safariPinnedTab: {
-                pictureAspect: 'silhouette',
-                themeColor: faviconColor
-            }
-        },
-        settings: {
-            scalingAlgorithm: 'Mitchell',
-            errorOnImageTooSmall: false,
-            readmeFile: false,
-            htmlCodeFile: false,
-            usePathAsIs: false
-        },
-        markupFile: builddir + "/favicons/faviconData.json"
-    }, function () {
-        done();
-    });
-});