fomantic-ui 2.10.0-beta.1 → 2.10.0-beta.10

package/tasks/build/javascript.js

@@ -2,46 +2,44 @@
  Build Task
  *******************************/
 
-const
-    gulp       = require('gulp'),
-
-    // node dependencies
-    console    = require('@fomantic/better-console'),
-
-    // gulp dependencies
-    chmod      = require('gulp-chmod'),
-    concat     = require('gulp-concat'),
-    dedupe     = require('@fomantic/gulp-dedupe'),
-    flatten    = require('gulp-flatten'),
-    gulpif     = require('gulp-if'),
-    header     = require('@fomantic/gulp-header'),
-    normalize  = require('normalize-path'),
-    ordered    = require('ordered-read-streams'),
-    plumber    = require('@fomantic/gulp-plumber'),
-    print      = require('gulp-print').default,
-    rename     = require('gulp-rename'),
-    replace    = require('gulp-replace'),
-    uglify     = require('gulp-uglify'),
-
-    // config
-    config     = require('../config/user'),
-    docsConfig = require('../config/docs'),
-    tasks      = require('../config/tasks'),
-    install    = require('../config/project/install'),
-
-    // shorthand
-    globs      = config.globs,
-    assets     = config.paths.assets,
-
-    banner     = tasks.banner,
-    filenames  = tasks.filenames,
-    comments   = tasks.regExp.comments,
-    log        = tasks.log,
-    settings   = tasks.settings
-;
+const gulp = require('gulp');
+
+// node dependencies
+const console = require('@fomantic/better-console');
+
+// gulp dependencies
+const chmod = require('gulp-chmod');
+const concat = require('gulp-concat');
+const dedupe = require('@fomantic/gulp-dedupe');
+const flatten = require('gulp-flatten');
+const gulpif = require('gulp-if');
+const header = require('@fomantic/gulp-header');
+const normalize = require('normalize-path');
+const ordered = require('ordered-read-streams');
+const plumber = require('@fomantic/gulp-plumber');
+const print = require('gulp-print').default;
+const rename = require('gulp-rename');
+const replace = require('gulp-replace');
+const uglify = require('gulp-uglify');
+
+// config
+const config = require('../config/user');
+const docsConfig = require('../config/docs');
+const tasks = require('../config/tasks');
+const install = require('../config/project/install');
+
+// shorthand
+const globs = config.globs;
+const assets = config.paths.assets;
+
+const banner = tasks.banner;
+const filenames = tasks.filenames;
+const comments = tasks.regExp.comments;
+const log = tasks.log;
+const settings = tasks.settings;
 
 /**
- * Concat and uglify the Javascript files
+ * Concat and uglify the JavaScript files
  * @param {string|array} src - source files
  * @param type
  * @param config
@@ -60,24 +58,22 @@ function build(src, type, config) {
         .pipe(header(banner, settings.header))
         .pipe(gulpif(config.hasPermissions, chmod(config.parsedPermissions)))
         .pipe(gulp.dest(config.paths.output.compressed))
-        .pipe(print(log.created))
-    ;
+        .pipe(print(log.created));
 }
 
 /**
- * Packages the Javascript files in dist
+ * Packages the JavaScript files in dist
  * @param {string} type - type of the js processing (none, rtl, docs)
  * @param {boolean} compress - should the output be compressed
  */
 function pack(type, compress) {
-    const output         = type === 'docs' ? docsConfig.paths.output : config.paths.output;
+    const output = type === 'docs' ? docsConfig.paths.output : config.paths.output;
     const concatenatedJS = compress ? filenames.concatenatedMinifiedJS : filenames.concatenatedJS;
 
     let src = globs.components
         .replace(/[{}]/g, '')
         .split(',')
-        .map((c) => gulp.src(output.uncompressed + '/**/' + c + globs.ignored + '.js'))
-    ;
+        .map((c) => gulp.src(output.uncompressed + '/**/' + c + globs.ignored + '.js'));
 
     return ordered(src)
         .pipe(plumber())
@@ -89,8 +85,7 @@ function pack(type, compress) {
         .pipe(header(banner, settings.header))
         .pipe(gulpif(config.hasPermissions, chmod(config.parsedPermissions)))
         .pipe(gulp.dest(output.packaged))
-        .pipe(print(log.created))
-    ;
+        .pipe(print(log.created));
 }
 
 function buildJS(src, type, config, callback) {
@@ -115,13 +110,13 @@ function buildJS(src, type, config, callback) {
     }
 
     // copy source javascript
-    const js       = () => build(src, type, config);
+    const js = () => build(src, type, config);
     js.displayName = 'Building un/compressed Javascript';
 
-    const packUncompressed       = () => pack(type, false);
+    const packUncompressed = () => pack(type, false);
     packUncompressed.displayName = 'Packing uncompressed Javascript';
 
-    const packCompressed       = () => pack(type, true);
+    const packCompressed = () => pack(type, true);
     packCompressed.displayName = 'Packing compressed Javascript';
 
     gulp.series(js, gulp.parallel(packUncompressed, packCompressed))(callback);
@@ -132,10 +127,8 @@ module.exports = function (callback) {
 };
 
 // We keep the changed files in an array to call build with all of them at the same time
-let
-    timeout,
-    files = []
-;
+let timeout;
+let files = [];
 
 module.exports.watch = function (type, config) {
     gulp
@@ -151,7 +144,7 @@ module.exports.watch = function (type, config) {
                 clearTimeout(timeout);
             }
 
-            // Add file to internal changed files array
+            // Add the file to the internal changed files array
             if (!files.includes(path)) {
                 files.push(path);
             }
@@ -166,8 +159,7 @@ module.exports.watch = function (type, config) {
                 // Reset internal changed files array
                 files = [];
             }, 1000);
-        })
-    ;
+        });
 };
 
 module.exports.buildJS = buildJS;

package/tasks/build.js

@@ -2,13 +2,11 @@
  *         Build Task
  *******************************/
 
-const
-    // dependencies
-    gulp     = require('gulp'),
+// dependencies
+const gulp = require('gulp');
 
-    // config
-    install  = require('./config/project/install')
-;
+// config
+const install = require('./config/project/install');
 
 module.exports = function (callback) {
     console.info('Building Fomantic');

package/tasks/check-install.js

@@ -2,15 +2,12 @@
  *        Check Install
  *******************************/
 
-const
-    // node dependencies
-    gulp    = require('gulp'),
-    console = require('@fomantic/better-console'),
-    isSetup = require('./config/project/install').isSetup,
+// node dependencies
+const console = require('@fomantic/better-console');
+const isSetup = require('./config/project/install').isSetup;
 
-    install = require('./install'),
-    watch   = require('./watch')
-;
+const install = require('./install');
+const watch = require('./watch');
 
 // export task
 module.exports = function (callback) {

package/tasks/clean.js

@@ -2,13 +2,11 @@
           Clean Task
 *******************************/
 
-const
-    del    = require('del'),
-    config = require('./config/user'),
-    tasks  = require('./config/tasks')
-;
+const fs = require('fs-extra');
+const config = require('./config/user');
 
 // cleans distribution files
-module.exports = function () {
-    return del([config.paths.clean], tasks.settings.del);
+module.exports = function (callback) {
+    fs.removeSync(config.paths.clean);
+    callback();
 };

package/tasks/collections/admin.js

@@ -2,24 +2,22 @@
  *    Admin Task Collection
  *******************************/
 
-const
-    // less/css distributions
-    initComponents      = require('../admin/components/init'),
-    createComponents    = require('../admin/components/create'),
-    updateComponents    = require('../admin/components/update'),
-
-    // single component releases
-    initDistributions   = require('../admin/distributions/init'),
-    createDistributions = require('../admin/distributions/create'),
-    updateDistributions = require('../admin/distributions/update'),
-
-    release             = require('../admin/release'),
-    publish             = require('../admin/publish'),
-    register            = require('../admin/register')
-;
+// less/css distributions
+const initComponents = require('../admin/components/init');
+const createComponents = require('../admin/components/create');
+const updateComponents = require('../admin/components/update');
+
+// single component releases
+const initDistributions = require('../admin/distributions/init');
+const createDistributions = require('../admin/distributions/create');
+const updateDistributions = require('../admin/distributions/update');
+
+const release = require('../admin/release');
+const publish = require('../admin/publish');
+const register = require('../admin/register');
 
 /*
-  This are tasks to be run by project maintainers
+  These are tasks to be run by project maintainers
   - Creating Component Repos
   - Syncing with GitHub via APIs
   - Modifying package files

package/tasks/collections/build.js

@@ -2,15 +2,13 @@
  *    Define Build Sub-Tasks
  *******************************/
 
-const
-    watch = require('../watch'),
+const watch = require('../watch');
 
-    // build sub-tasks
-    build = require('../build'),
-    buildJS = require('../build/javascript'),
-    buildCSS = require('../build/css'),
-    buildAssets = require('../build/assets')
-;
+// build sub-tasks
+const build = require('../build');
+const buildJS = require('../build/javascript');
+const buildCSS = require('../build/css');
+const buildAssets = require('../build/assets');
 
 module.exports = function (gulp) {
     gulp.task('watch', watch);

package/tasks/collections/docs.js

@@ -3,10 +3,8 @@
  *******************************/
 
 // docs tasks
-const
-    buildDocs = require('../docs/build'),
-    serveDocs = require('../docs/serve')
-;
+const buildDocs = require('../docs/build');
+const serveDocs = require('../docs/serve');
 
 /*
   Lets you serve files to a local documentation instance
@@ -14,8 +12,8 @@ const
 */
 module.exports = function (gulp) {
     gulp.task('serve-docs', serveDocs);
-    gulp.task('serve-docs').description = 'Serve file changes to SUI Docs';
+    gulp.task('serve-docs').description = 'Serve file changes to FUI Docs';
 
     gulp.task('build-docs', buildDocs);
-    gulp.task('build-docs').description = 'Build all files and add to SUI Docs';
+    gulp.task('build-docs').description = 'Build all files and add to FUI Docs';
 };

package/tasks/collections/install.js

@@ -3,10 +3,8 @@
  *******************************/
 
 // docs tasks
-const
-    install = require('../install'),
-    checkInstall = require('../check-install')
-;
+const install = require('../install');
+const checkInstall = require('../check-install');
 
 /*
   Lets you serve files to a local documentation instance

package/tasks/collections/rtl.js

@@ -2,10 +2,8 @@
  *     Define RTL Sub-Tasks
  *******************************/
 
-const
-    buildRTL = require('../rtl/build'),
-    watchRTL = require('../rtl/watch')
-;
+const buildRTL = require('../rtl/build');
+const watchRTL = require('../rtl/watch');
 
 module.exports = function (gulp) {
     gulp.task('watch-rtl', watchRTL);

package/tasks/collections/various.js

@@ -2,10 +2,8 @@
  *   Define Various Sub-Tasks
  *******************************/
 
-const
-    clean = require('../clean'),
-    version = require('../version')
-;
+const clean = require('../clean');
+const version = require('../version');
 
 /*
   Lets you serve files to a local documentation instance

package/tasks/config/admin/github.js

@@ -5,31 +5,21 @@
   Logs into GitHub using OAuth
 */
 
-const
-    fs          = require('fs'),
-    path        = require('path'),
-    GithubAPI   = require('@octokit/rest'),
+const fs = require('node:fs');
+const path = require('node:path');
+const GithubAPI = require('@octokit/rest');
 
-    // stores oauth info for GitHub API
-    oAuth       = fs.existsSync(path.join(__dirname, './oauth.js'))
-        ? require('./oauth.js') // eslint-disable-line import/extensions
-        : false
-;
+// stores oauth info for GitHub API
+const oAuth = fs.existsSync(path.join(__dirname, './oauth.js'))
+    ? require('./oauth.js') // eslint-disable-line import/extensions
+    : false;
 
 if (!oAuth) {
     console.error('Must add oauth token for GitHub in tasks/config/admin/oauth.js');
 }
 
-let github = new GithubAPI({
-    version: '3.0.0',
-    debug: true,
-    protocol: 'https',
-    timeout: 5000,
-});
-
-github.authenticate({
-    type: 'oauth',
-    token: oAuth.token,
+let github = new GithubAPI.Octokit({
+    auth: oAuth.token,
 });
 
 module.exports = github;

package/tasks/config/admin/templates/README.md

@@ -2,7 +2,7 @@
 
 This repository contains pre-compiled {component} files using the default themes. This is intended for use in projects that do not need all the bells and whistles of Fomantic UI, and want to keep file size to a minimum.
 
-For the latest changes please see the [Release Notes](https://github.com/fomantic/UI-{Component}/blob/master/RELEASE-NOTES.md)
+For the latest changes, please see the [Release Notes](https://github.com/fomantic/UI-{Component}/blob/master/RELEASE-NOTES.md)
 
 **Special Note**
 An update in `2.0.8` has fixed an issue which may have prevented some single component modules from working correctly. Please see notes in [this pull request](https://github.com/Semantic-Org/Semantic-UI/pull/2816).
@@ -27,6 +27,6 @@ meteor add fomantic:ui-{component}
 
 ## Addendum
 
-This element's definitions (required class names, html structures) are available in the [UI Docs](https://www.fomantic-ui.com)
+This element's definitions (required class names, HTML structures) are available in the [UI Docs](https://www.fomantic-ui.com)
 
 Please consider checking out [all the benefits to theming](http://www.learnsemantic.com/guide/expert.html) before using these stand-alone releases.

package/tasks/config/admin/templates/bower.json

@@ -4,11 +4,8 @@
   "homepage"    : "https://www.fomantic-ui.com",
   "author": {
     "name" : "Jack Lukic",
-    "web"  : "http://www.jacklukic.com"
+    "web"  : "https://www.jacklukic.com"
   },
-  "ignore": [
-    "./index.js"
-  ],
   "keywords": [
     "fomantic",
     "semantic",
@@ -20,6 +17,7 @@
     "https://github.com/fomantic/Fomantic-UI/blob/master/LICENSE.md"
   ],
   "ignore": [
+    "./index.js",
     "docs",
     "node",
     "server",

package/tasks/config/admin/templates/composer.json

@@ -6,7 +6,7 @@
     {
       "name" : "Jack Lukic",
       "email": "jacklukic@gmail.com",
-      "homepage"  : "http://www.jacklukic.com",
+      "homepage"  : "https://www.jacklukic.com",
       "role" : "Creator"
     }
   ],

package/tasks/config/admin/templates/css-package.js

@@ -1,6 +1,4 @@
-let
-    where = 'client' // Adds files only to the client
-;
+let where = 'client'; // Adds files only to the client
 
 Package.describe({
     name: 'fomantic:ui-css',
@@ -16,7 +14,6 @@ Package.onUse(function (api) {
 
     api.addAssets([
         // icons
-        'themes/default/assets/fonts/icons.woff',
         'themes/default/assets/fonts/icons.woff2',
     ], 'client');
 

package/tasks/config/admin/templates/less-package.js

@@ -1,6 +1,4 @@
-let
-    where = 'client' // Adds files only to the client
-;
+let where = 'client'; // Adds files only to the client
 
 Package.describe({
     name: 'semantic:ui',

package/tasks/config/defaults.js

@@ -19,7 +19,6 @@ module.exports = {
     // file paths
     files: {
         config: 'semantic.json',
-        site: 'src/site',
         theme: 'src/theme.config',
     },
 

package/tasks/config/npm/gulpfile.js

@@ -2,14 +2,12 @@
  *           Set-up
  *******************************/
 
-const
-    gulp   = require('gulp'),
+const gulp = require('gulp');
 
-    // read user config to know what task to load
-    config = require('./tasks/config/user'), // eslint-disable-line import/extensions
+// read user config to know what task to load
+const config = require('./tasks/config/user'); // eslint-disable-line import/extensions
 
-    rtl = require('./tasks/collections/rtl') // eslint-disable-line import/extensions
-;
+const rtl = require('./tasks/collections/rtl'); // eslint-disable-line import/extensions
 
 /*******************************
  *            Tasks

package/tasks/config/project/config.js

@@ -2,12 +2,10 @@
             Set-up
 *******************************/
 
-const
-    fs       = require('fs'),
-    path     = require('path'),
+const fs = require('node:fs');
+const path = require('node:path');
 
-    defaults = require('../defaults')
-;
+const defaults = require('../defaults');
 
 /*******************************
             Exports
@@ -16,28 +14,24 @@ const
 module.exports = {
 
     getPath: function (file, directory) {
-        let
-            configPath,
-            walk = function (directory) {
-                let
-                    nextDirectory = path.resolve(path.join(directory, path.sep, '..')),
-                    currentPath   = path.normalize(path.join(directory, file))
-                ;
-                if (fs.existsSync(currentPath)) {
-                    // found file
-                    configPath = path.normalize(directory);
-                } else {
-                    // reached file system root, let's stop
-                    if (nextDirectory === directory) {
-                        return;
-                    }
-                    // otherwise recurse
-                    walk(nextDirectory, file);
+        let configPath;
+        let walk = function (directory) {
+            let nextDirectory = path.resolve(path.join(directory, path.sep, '..'));
+            let currentPath = path.normalize(path.join(directory, file));
+            if (fs.existsSync(currentPath)) {
+                // found the file
+                configPath = path.normalize(directory);
+            } else {
+                // reached file system root, let's stop
+                if (nextDirectory === directory) {
+                    return;
                 }
+                // otherwise recurse
+                walk(nextDirectory, file);
             }
-        ;
+        };
 
-        // start walk from outside require-dot-files directory
+        // start the walk from outside require-dot-files directory
         file = file || defaults.files.config;
         directory = directory || path.join(__dirname, path.sep, '..');
         walk(directory);
@@ -51,12 +45,10 @@ module.exports = {
             File Paths
         --------------- */
 
-        let
-            configPath = this.getPath(),
-            sourcePaths = {},
-            outputPaths = {},
-            folder
-        ;
+        let configPath = this.getPath();
+        let sourcePaths = {};
+        let outputPaths = {};
+        let folder;
 
         // resolve paths (config location + base + path)
         for (folder in config.paths.source) {
@@ -81,7 +73,7 @@ module.exports = {
              CSS URLs
         --------------- */
 
-        // determine asset paths in css by finding relative path between themes and output
+        // determine asset paths in CSS by finding relative path between themes and output
         // force forward slashes
 
         config.paths.assets = {
@@ -99,7 +91,7 @@ module.exports = {
             config.hasPermissions = true;
             config.parsedPermissions = typeof config.permission === 'string' ? parseInt(config.permission, 8) : config.permission;
         } else {
-            // pass blank object to avoid causing errors
+            // pass a blank object to avoid causing errors
             config.permission = {};
             config.hasPermissions = false;
             config.parsedPermissions = {};
@@ -113,7 +105,7 @@ module.exports = {
             config.globs = {};
         }
 
-        // remove duplicates from component array
+        // remove duplicates from the component array
         if (Array.isArray(config.components)) {
             config.components = config.components.filter(function (component, index) {
                 return config.components.indexOf(component) === index;
@@ -123,12 +115,12 @@ module.exports = {
         const components = Array.isArray(config.components) && config.components.length > 0
             ? config.components
             : defaults.components;
-        const individuals =  Array.isArray(config.individuals) && config.individuals.length > 0
+        const individuals = Array.isArray(config.individuals) && config.individuals.length > 0
             ? config.individuals
             : [];
         const componentsExceptIndividuals = components.filter((component) => !individuals.includes(component));
 
-        // takes component object and creates file glob matching selected components
+        // takes the component object and creates file glob matching selected components
         config.globs.components = componentsExceptIndividuals.length === 1 ? componentsExceptIndividuals[0] : '{' + componentsExceptIndividuals.join(',') + '}';
 
         // components that should be built, but excluded from main .css/.js files