fomantic-ui 2.10.0-beta.7 → 2.10.0-beta.70

package/tasks/docs/build.js

@@ -2,37 +2,35 @@
  Build Docs
  *******************************/
 
-const
-    fs          = require('fs'),
-    extend      = require('extend'),
+const fs = require('node:fs');
+const extend = require('extend');
 
-    // node dependencies
-    console     = require('@fomantic/better-console'),
-    gulp        = require('gulp'),
-    map         = require('map-stream'),
+// node dependencies
+const console = require('@fomantic/better-console');
+const gulp = require('gulp');
+const map = require('map-stream');
 
-    // gulp dependencies
-    print       = require('gulp-print').default,
+// gulp dependencies
+const print = require('gulp-print').default;
 
-    // user config
-    configDocs      = require('../config/docs'),
+// user config
+const configDocs = require('../config/docs');
 
-    // install config
-    tasks       = require('../config/tasks'),
-    configSetup = require('../config/project/config'),
-    install     = require('../config/project/install'),
+// install config
+const tasks = require('../config/tasks');
+const configSetup = require('../config/project/config');
+const install = require('../config/project/install');
 
-    // metadata parsing
-    metadata    = require('./metadata'),
+// metadata parsing
+const metadata = require('./metadata');
 
-    // build methods
-    buildJS     = require('../build/javascript').buildJS,
-    buildCSS    = require('../build/css').buildCSS,
-    buildAssets = require('../build/assets').buildAssets,
+// build methods
+const buildJS = require('../build/javascript').buildJS;
+const buildCSS = require('../build/css').buildCSS;
+const buildAssets = require('../build/assets').buildAssets;
 
-    // shorthand
-    log         = tasks.log
-;
+// shorthand
+const log = tasks.log;
 
 module.exports = function (callback) {
     // use a different config
@@ -40,7 +38,7 @@ module.exports = function (callback) {
     configSetup.addDerivedValues(config);
 
     // shorthand
-    const globs  = config.globs;
+    const globs = config.globs;
     const output = config.paths.output;
 
     /* --------------
@@ -59,8 +57,7 @@ module.exports = function (callback) {
             .on('end', function () {
                 fs.mkdirSync(output.metadata, { recursive: true });
                 fs.writeFileSync(output.metadata + '/metadata.json', JSON.stringify(metadata.result, null, 2));
-            })
-        ;
+            });
     }
 
     /* --------------
@@ -73,8 +70,7 @@ module.exports = function (callback) {
 
         return gulp.src('examples/**/*.*', { encoding: false })
             .pipe(gulp.dest(output.examples))
-            .pipe(print(log.created))
-        ;
+            .pipe(print(log.created));
     }
 
     /* --------------
@@ -87,8 +83,7 @@ module.exports = function (callback) {
 
         return gulp.src('src/**/*.*', { encoding: false })
             .pipe(gulp.dest(output.less))
-            .pipe(print(log.created))
-        ;
+            .pipe(print(log.created));
     }
 
     /* --------------

package/tasks/docs/metadata.js

@@ -2,14 +2,12 @@
            Summarize Docs
 *******************************/
 
-const
-    // node dependencies
-    console      = require('@fomantic/better-console'),
-    path = require('path'),
-    YAML         = require('js-yaml')
-;
+// node dependencies
+const console = require('@fomantic/better-console');
+const path = require('node:path');
+const YAML = require('js-yaml');
 
-let data = {};
+const data = {};
 
 /**
  * Test for prefix in string.
@@ -22,7 +20,7 @@ function startsWith(str, prefix) {
 }
 
 function inArray(needle, haystack) {
-    let length = haystack.length;
+    const length = haystack.length;
     for (let i = 0; i < length; i++) {
         if (haystack[i] === needle) {
             return true;
@@ -49,41 +47,36 @@ function parser(file, callback) {
     }
 
     try {
-        let
-            /** @type {string} */
-            text     = String(file.contents.toString('utf8')),
-            lines    = text.split('\n'),
-            filename = file.path.slice(0, -4),
-            key      = 'server' + path.sep + 'documents',
-            position = filename.indexOf(key)
-        ;
+        /** @type {string} */
+        const text = String(file.contents.toString('utf8'));
+        const lines = text.split('\n');
+        let filename = file.path.slice(0, -4);
+        const key = 'server' + path.sep + 'documents';
+        const position = filename.indexOf(key);
 
         // exit conditions
         if (!lines) {
             return;
         }
-        if (position < 0) {
+        if (position === -1) {
             return callback(null, file);
         }
 
-        filename = filename.slice(position + key.length + 1, filename.length).replaceAll(path.win32.sep, path.posix.sep);
-
-        let
-            lineCount = lines.length,
-            active    = false,
-            yaml      = [],
-            categories = [
-                'UI Element',
-                'UI Global',
-                'UI Collection',
-                'UI View',
-                'UI Module',
-                'UI Behavior',
-            ],
-            index,
-            meta,
-            line
-        ;
+        filename = filename.slice(position + key.length + 1).replaceAll(path.win32.sep, path.posix.sep);
+
+        const lineCount = lines.length;
+        let active = false;
+        const yaml = [];
+        const categories = [
+            'UI Element',
+            'UI Global',
+            'UI Collection',
+            'UI View',
+            'UI Module',
+            'UI Behavior',
+        ];
+        let index;
+        let line;
 
         for (index = 0; index < lineCount; index++) {
             line = lines[index];
@@ -93,18 +86,17 @@ function parser(file, callback) {
                 if (startsWith(line, '---')) {
                     active = true;
                 }
-
-                continue;
-            }
-            // End of metadata block, stop parsing.
-            if (startsWith(line, '---')) {
-                break;
+            } else {
+                // End of metadata block, stop parsing.
+                if (startsWith(line, '---')) {
+                    break;
+                }
+                yaml.push(line);
             }
-            yaml.push(line);
         }
 
         // Parse yaml.
-        meta = YAML.load(yaml.join('\n'));
+        const meta = YAML.load(yaml.join('\n'));
         if (meta && meta.type && meta.title && inArray(meta.type, categories)) {
             meta.category = meta.type;
             meta.filename = filename;

package/tasks/docs/serve.js

@@ -2,30 +2,28 @@
  Serve Docs
  *******************************/
 
-const
-    extend      = require('extend'),
+const extend = require('extend');
 
-    // node dependencies
-    console     = require('@fomantic/better-console'),
-    gulp        = require('gulp'),
+// node dependencies
+const console = require('@fomantic/better-console');
+const gulp = require('gulp');
 
-    // gulp dependencies
-    print       = require('gulp-print').default,
+// gulp dependencies
+const print = require('gulp-print').default;
 
-    // user config
-    configDocs      = require('../config/docs'),
+// user config
+const configDocs = require('../config/docs');
 
-    // task config
-    tasks       = require('../config/tasks'),
-    configSetup = require('../config/project/config'),
+// task config
+const tasks = require('../config/tasks');
+const configSetup = require('../config/project/config');
 
-    // shorthand
-    log         = tasks.log,
+// shorthand
+const log = tasks.log;
 
-    css         = require('../build/css'),
-    js          = require('../build/javascript'),
-    assets      = require('../build/assets')
-;
+const css = require('../build/css');
+const js = require('../build/javascript');
+const assets = require('../build/assets');
 
 module.exports = function (callback) {
     // use a different config
@@ -52,10 +50,8 @@ module.exports = function (callback) {
                 encoding: false,
             })
                 .pipe(gulp.dest(config.paths.output.less))
-                .pipe(print(log.created))
-            ;
-        })
-    ;
+                .pipe(print(log.created));
+        });
 
     /* --------------
       Copy Examples
@@ -74,10 +70,8 @@ module.exports = function (callback) {
                 encoding: false,
             })
                 .pipe(gulp.dest(config.paths.output.examples))
-                .pipe(print(log.created))
-            ;
-        })
-    ;
+                .pipe(print(log.created));
+        });
 
     /* --------------
         Watch CSS

package/tasks/install.js

@@ -12,46 +12,42 @@
    * Standard installer runs asking for paths to site files etc.
 */
 
-const
-    // node dependencies
-    fs             = require('fs-extra'),
-    path           = require('path'),
-    extend         = require('extend'),
-    console        = require('@fomantic/better-console'),
-    gulp           = require('gulp'),
-
-    // gulp dependencies
-    jsonEditor     = require('gulp-json-editor'),
-    plumber        = require('@fomantic/gulp-plumber'),
-    inquirer       = require('inquirer'),
-    rename         = require('gulp-rename'),
-    replace        = require('gulp-replace'),
-    requireDotFile = require('require-dot-file'),
-
-    // install config
-    install        = require('./config/project/install'),
-
-    // release config (name/title/etc)
-    release        = require('./config/project/release'),
-
-    // shorthand
-    questions      = install.questions,
-    files          = install.files,
-    folders        = install.folders,
-    regExp         = install.regExp,
-    settings       = install.settings,
-    source         = install.source
-;
+// node dependencies
+const fs = require('fs-extra');
+const path = require('node:path');
+const extend = require('extend');
+const console = require('@fomantic/better-console');
+const gulp = require('gulp');
+
+// gulp dependencies
+const jsonEditor = require('gulp-json-editor');
+const plumber = require('@fomantic/gulp-plumber');
+const inquirer = require('inquirer');
+const rename = require('gulp-rename');
+const replace = require('gulp-replace');
+const requireDotFile = require('require-dot-file');
+
+// install config
+const install = require('./config/project/install');
+
+// release config (name/title/etc)
+const release = require('./config/project/release');
+
+// shorthand
+const questions = install.questions;
+const files = install.files;
+const folders = install.folders;
+const regExp = install.regExp;
+const settings = install.settings;
+const source = install.source;
 
 // Export install task
 module.exports = function (callback) {
-    let
-        currentConfig = requireDotFile('semantic.json', process.cwd()),
-        manager       = install.getPackageManager(),
-        rootQuestions = questions.root,
-        installFolder = false,
-        answers
-    ;
+    const currentConfig = requireDotFile('semantic.json', process.cwd());
+    const manager = install.getPackageManager();
+    const rootQuestions = questions.root;
+    let installFolder = false;
+    let answers;
 
     console.clear();
 
@@ -83,19 +79,17 @@ module.exports = function (callback) {
 
     // run update scripts if semantic.json exists
     if (currentConfig && manager.name === 'NPM') {
-        let
-            updateFolder = path.join(manager.root, currentConfig.base),
-            updatePaths  = {
-                config: path.join(manager.root, files.config),
-                tasks: path.join(updateFolder, folders.tasks),
-                overridesImport: path.join(updateFolder, folders.overridesImport),
-                themeImport: path.join(updateFolder, folders.themeImport),
-                definition: path.join(currentConfig.paths.source.definitions),
-                site: path.join(currentConfig.paths.source.site),
-                theme: path.join(currentConfig.paths.source.themes),
-                defaultTheme: path.join(currentConfig.paths.source.themes, folders.defaultTheme),
-            }
-        ;
+        const updateFolder = path.join(manager.root, currentConfig.base);
+        const updatePaths = {
+            config: path.join(manager.root, files.config),
+            tasks: path.join(updateFolder, folders.tasks),
+            overridesImport: path.join(updateFolder, folders.overridesImport),
+            themeImport: path.join(updateFolder, folders.themeImport),
+            definition: path.join(currentConfig.paths.source.definitions),
+            site: path.join(currentConfig.paths.source.site),
+            theme: path.join(currentConfig.paths.source.themes),
+            defaultTheme: path.join(currentConfig.paths.source.themes, folders.defaultTheme),
+        };
 
         // duck-type if there is a project installed
         if (fs.pathExistsSync(updatePaths.definition)) {
@@ -116,20 +110,17 @@ module.exports = function (callback) {
                 console.info('Updating gulpfile.js');
                 gulp.src(source.userGulpFile)
                     .pipe(plumber())
-                    .pipe(gulp.dest(updateFolder))
-                ;
+                    .pipe(gulp.dest(updateFolder));
 
                 // copy theme import
                 console.info('Updating theme import file');
                 gulp.src(source.themeImport)
                     .pipe(plumber())
-                    .pipe(gulp.dest(updatePaths.themeImport))
-                ;
+                    .pipe(gulp.dest(updatePaths.themeImport));
                 console.info('Updating overrides import file');
                 gulp.src(source.overridesImport)
                     .pipe(plumber())
-                    .pipe(gulp.dest(updatePaths.overridesImport))
-                ;
+                    .pipe(gulp.dest(updatePaths.overridesImport));
                 console.info('Adding new site theme files...');
                 fs.copySync(source.site, updatePaths.site, settings.copy.merge);
 
@@ -142,8 +133,7 @@ module.exports = function (callback) {
                     .pipe(jsonEditor({
                         version: release.version,
                     }))
-                    .pipe(gulp.dest(manager.root))
-                ;
+                    .pipe(gulp.dest(manager.root));
 
                 console.info('Update complete! Run "\u001B[92mgulp build\u001B[0m" to rebuild dist/ files.');
 
@@ -170,14 +160,13 @@ module.exports = function (callback) {
     if (manager.name === 'NPM') {
         rootQuestions[0].message = rootQuestions[0].message
             .replace('{packageMessage}', 'We detected you are using ' + manager.name + ' Nice!')
-            .replace('{root}', manager.root)
-        ;
+            .replace('{root}', manager.root);
         // set default path to the detected PM root
         rootQuestions[0].default = manager.root;
         rootQuestions[1].default = manager.root;
 
         // insert PM questions after "Install Type" question
-        Array.prototype.splice.apply(questions.setup, [2, 0].concat(rootQuestions));
+        questions.setup.splice(2, 0, ...rootQuestions);
 
         // omit cleanup questions for managed install
         questions.cleanup = [];
@@ -202,8 +191,7 @@ module.exports = function (callback) {
                 .then((setupAnswers) => {
                     // hoist
                     answers = setupAnswers;
-                })
-            ;
+                });
         }
     });
 
@@ -230,15 +218,13 @@ module.exports = function (callback) {
              Paths
         --------------- */
 
-        let
-            installPaths = {
-                config: files.config,
-                configFolder: folders.config,
-                site: answers.site || folders.site,
-                themeConfig: files.themeConfig,
-                themeConfigFolder: folders.themeConfig,
-            }
-        ;
+        let installPaths = {
+            config: files.config,
+            configFolder: folders.config,
+            site: answers.site || folders.site,
+            themeConfig: files.themeConfig,
+            themeConfigFolder: folders.themeConfig,
+        };
 
         /* --------------
            NPM Install
@@ -272,7 +258,7 @@ module.exports = function (callback) {
             installFolder = path.join(manager.root, answers.semanticRoot);
 
             // add install folder to all output paths
-            for (let destination in installPaths) {
+            for (const destination in installPaths) {
                 if (Object.prototype.hasOwnProperty.call(installPaths, destination)) {
                     // config goes in project root, rest in install folder
                     installPaths[destination] = destination === 'config' || destination === 'configFolder'
@@ -287,7 +273,7 @@ module.exports = function (callback) {
                 fs.mkdirpSync(installPaths.definition);
                 fs.mkdirpSync(installPaths.theme);
                 fs.mkdirpSync(installPaths.tasks);
-            } catch (error) {
+            } catch {
                 console.error('NPM does not have permissions to create folders at your specified path. Adjust your folders permissions and run "npm install" again');
             }
 
@@ -307,23 +293,19 @@ module.exports = function (callback) {
             console.info('Adding theme files');
             gulp.src(source.themeImport)
                 .pipe(plumber())
-                .pipe(gulp.dest(installPaths.themeImport))
-            ;
+                .pipe(gulp.dest(installPaths.themeImport));
             gulp.src(source.overridesImport)
                 .pipe(plumber())
-                .pipe(gulp.dest(installPaths.overridesImport))
-            ;
+                .pipe(gulp.dest(installPaths.overridesImport));
             gulp.src(source.lessImport)
                 .pipe(plumber())
-                .pipe(gulp.dest(installPaths.lessImport))
-            ;
+                .pipe(gulp.dest(installPaths.lessImport));
 
             // create gulp file
             console.info('Creating gulpfile.js');
             gulp.src(source.userGulpFile)
                 .pipe(plumber())
-                .pipe(gulp.dest(installFolder))
-            ;
+                .pipe(gulp.dest(installFolder));
         }
 
         /* --------------
@@ -343,12 +325,10 @@ module.exports = function (callback) {
         --------------- */
 
         gulp.task('create theme.config', function () {
-            let
-                // determine path to site theme folder from theme config
-                // force CSS path variable to use forward slashes for paths
-                pathToSite   = path.relative(path.resolve(installPaths.themeConfigFolder), path.resolve(installPaths.site)).replace(/\\/g, '/'),
-                siteVariable = "@siteFolder: '" + pathToSite + "/';"
-            ;
+            // determine path to site theme folder from theme config
+            // force CSS path variable to use forward slashes for paths
+            const pathToSite = path.relative(path.resolve(installPaths.themeConfigFolder), path.resolve(installPaths.site)).replaceAll('\\', '/');
+            const siteVariable = "@siteFolder: '" + pathToSite + "/';";
 
             // rewrite site variable in theme.less
             console.info('Adjusting @siteFolder to:', pathToSite + '/');
@@ -359,8 +339,7 @@ module.exports = function (callback) {
                 return gulp.src(installPaths.themeConfig)
                     .pipe(plumber())
                     .pipe(replace(regExp.siteVariable, siteVariable))
-                    .pipe(gulp.dest(installPaths.themeConfigFolder))
-                ;
+                    .pipe(gulp.dest(installPaths.themeConfigFolder));
             }
 
             console.info('Creating src/theme.config (LESS config)', installPaths.themeConfig);
@@ -369,8 +348,7 @@ module.exports = function (callback) {
                 .pipe(plumber())
                 .pipe(rename({ extname: '' }))
                 .pipe(replace(regExp.siteVariable, siteVariable))
-                .pipe(gulp.dest(installPaths.themeConfigFolder))
-            ;
+                .pipe(gulp.dest(installPaths.themeConfigFolder));
         });
 
         /* --------------
@@ -378,9 +356,7 @@ module.exports = function (callback) {
         --------------- */
 
         gulp.task('create semantic.json', function () {
-            let
-                jsonConfig = install.createJSON(answers)
-            ;
+            const jsonConfig = install.createJSON(answers);
 
             // adjust variables in theme.less
             if (fs.pathExistsSync(installPaths.config)) {
@@ -390,8 +366,7 @@ module.exports = function (callback) {
                     .pipe(plumber())
                     .pipe(rename(settings.rename.json)) // preserve file extension
                     .pipe(jsonEditor(jsonConfig))
-                    .pipe(gulp.dest(installPaths.configFolder))
-                ;
+                    .pipe(gulp.dest(installPaths.configFolder));
             }
 
             console.info('Creating config file (semantic.json)', installPaths.config);
@@ -400,8 +375,7 @@ module.exports = function (callback) {
                 .pipe(plumber())
                 .pipe(rename({ extname: '' })) // remove .template from ext
                 .pipe(jsonEditor(jsonConfig, { end_with_newline: true }))
-                .pipe(gulp.dest(installPaths.configFolder))
-            ;
+                .pipe(gulp.dest(installPaths.configFolder));
         });
 
         gulp.series('create theme.config', 'create semantic.json')(callback);
@@ -424,15 +398,16 @@ module.exports = function (callback) {
                 inquirer.prompt(questions.cleanup)
                     .then((answers) => {
                         if (answers.cleanup === 'yes') {
-                            install.setupFiles.forEach((file) => fs.removeSync(file));
+                            for (const file of install.setupFiles) {
+                                fs.removeSync(file);
+                            }
                         }
                         if (answers.build === 'yes') {
                             gulp.series('build')(callback);
                         } else {
                             callback();
                         }
-                    })
-                ;
+                    });
             }
         }
     });

package/tasks/rtl/build.js

@@ -2,10 +2,8 @@
  *         Build Task
  *******************************/
 
-const
-    gulp = require('gulp'),
-    build = require('../build')
-;
+const gulp = require('gulp');
+const build = require('../build');
 
 // RTL builds are now handled by the default build process
 module.exports = function (callback) {

package/tasks/rtl/watch.js

@@ -2,10 +2,8 @@
  *          Watch Task
  *******************************/
 
-const
-    gulp = require('gulp'),
-    watch = require('../watch')
-;
+const gulp = require('gulp');
+const watch = require('../watch');
 
 // RTL watch is now handled by the default watch process
 module.exports = function (callback) {