made plugins load in order

Author: risadams

gulpfile.js

@@ -1,5 +1,7 @@
 const concat = require('gulp-concat');
 const dartSass = require('sass');
+const del = require('del');
+const fs = require('fs');
 const gulpSass = require('gulp-sass');
 const less = require('gulp-less');
 const path = require('path');
@@ -11,20 +13,32 @@ const uglify = require('gulp-uglify');
 const uglifycss = require('gulp-uglifycss');
 const wrapper = require('@risadams/gulp-wrapper');
 
-const del = require('del');
 const { src, dest, series, watch } = require('gulp');
 
-// Tasks
-
 const cleanLibs = async () => del('dist/**/*');
 const loadDependencies = async () => await _copyLibs();
 const copyDependencies = async () => src(['lib/**/*']).pipe(dest('dist/lib'));
 const copySrc = async () => {
+
+  let scripts = [
+    'src/contrib/*.js',
+    'src/constants.js',
+    'src/utils.js',
+    'src/selectize.js',
+    'src/defaults.js',
+    'src/selectize.jquery.js'
+  ];
+
+  // Add in all plugin scripts in a predictable order
+  fs.readdirSync('src/plugins').sort().forEach((file) => {
+    scripts.push(`src/plugins/${file}/plugin.js`);
+  });
+
   setTimeout(async () => {
     await _compileLess();
     await _compileSass();
-    await _compileJavascript();
-    setTimeout(async () => { await _minifyScripts(); }, 1000);
+    await _compileJavascript(scripts);
+    await _minifyScripts(scripts);
   }, 1000);
 };
 const watchFiles = async () => watch(['src/**/*.{js,css,less,scss}']).on('change', series(loadDependencies, copyDependencies, copySrc));
@@ -137,16 +151,8 @@ const _compileSass = async () => {
   }
 }
 
-const _compileJavascript = async () =>
-  src([
-    'src/contrib/*.js',
-    'src/constants.js',
-    'src/utils.js',
-    'src/selectize.js',
-    'src/defaults.js',
-    'src/selectize.jquery.js',
-    'src/plugins/**/*.js',
-  ])
+const _compileJavascript = async (scripts) =>
+  src(scripts)
     .pipe(concat('selectize.js'))
     .pipe(wrapper({
       header: amd_header,
@@ -157,16 +163,8 @@ const _compileJavascript = async () =>
     .pipe(replace(/@@version/g, getVersion()))
     .pipe(dest('dist/js'));
 
-const _minifyScripts = async () =>
-  src([
-    'src/contrib/*.js',
-    'src/constants.js',
-    'src/utils.js',
-    'src/selectize.js',
-    'src/defaults.js',
-    'src/selectize.jquery.js',
-    'src/plugins/**/*.js',
-  ])
+const _minifyScripts = async (scripts) =>
+  src(scripts)
     .pipe(concat('selectize.min.js'))
     .pipe(wrapper({
       header: amd_header,

package-lock.json

@@ -52,7 +52,6 @@
     "http-server": "14.1.1",
     "jquery": "^3.6.1",
     "jshint": "^2.13.5",
-    "less": "4.1.3",
     "karma": "6.4.1",
     "karma-chai": "^0.1.0",
     "karma-chrome-launcher": "^3.1.1",
@@ -64,9 +63,10 @@
     "karma-phantomjs-launcher": "^1.0.4",
     "karma-safari-launcher": "^1.0.0",
     "karma-sauce-launcher": "^4.3.6",
+    "less": "4.1.3",
     "mocha": "9.2.2",
     "popper.js": "1.16.1",
-    "sass": "1.55.0"
+    "sass": "1.56.0"
   },
   "optionalDependencies": {
     "jquery-ui": "^1.13.2"