Update gulp-svg-symbols and improve test setup

Author: Florens Verschelde

.gitattributes

@@ -1,4 +1,4 @@
-# Archive downloads: only keep gulp-scripts, gulpfile.js, package.json
+# Archive downloads: only keep gulp-tasks, gulpfile.js, package.json
 /doc               export-ignore
 /test              export-ignore
 /.gitignore        export-ignore

.gitignore

@@ -1,7 +1,8 @@
 # Test output
+test/gulp-tasks
 test/dist
-# Dependencies
-node_modules
+
 # This is a boilerplate: don't keep lockfiles
+node_modules
 package-lock.json
 yarn.lock

README.md

@@ -26,7 +26,7 @@ Installation
 ### Custom installation
 
 1.  Install `gulp` and `gulp-task-maker` as devDependencies: `npm install -D gulp gulp-task-maker`.
-2.  [Download a ZIP of this repo](https://github.com/gradientz/assets-builder/archive/master.zip) and copy the `gulp-scripts` directory or only the task scripts you want to ue.
+2.  [Download a ZIP of this repo](https://github.com/gradientz/assets-builder/archive/master.zip) and copy the `gulp-tasks` directory or only the task scripts you want to ue.
 3.  Write your own `gulpfile.js`, following the [gulp-task-maker documentation](https://github.com/fvsch/gulp-task-maker/blob/master/README.md).
 
 Usage

doc/less.md

@@ -11,7 +11,7 @@
 ## Options
 
 ```js
-require("gulp-task-maker").task("gulp-scripts/less.js", {
+require("gulp-task-maker").task("gulp-tasks/less.js", {
   // (Required) Source can be a single Less or CSS stylesheet
   // or pattern, or an array of paths or patterns
   src: "assets/styles/*.less",

doc/mincss.md

@@ -10,7 +10,7 @@
 ## Options
 
 ```js
-require("gulp-task-maker").task("gulp-scripts/mincss.js", {
+require("gulp-task-maker").task("gulp-tasks/mincss.js", {
   // (Required) Source can be a single stylesheet
   // or pattern, or an array of paths or patterns
   src: "assets/styles/*.css",

doc/minjs.md

@@ -9,7 +9,7 @@
 ## Options
 
 ```js
-require("gulp-task-maker").task("gulp-scripts/minjs.js", {
+require("gulp-task-maker").task("gulp-tasks/minjs.js", {
   // (Required) Source can be a single script or pattern,
   // or an array of paths or patterns
   src: "assets/scripts/*.js",

doc/sass.md

@@ -11,7 +11,7 @@
 ## Options
 
 ```js
-require("gulp-task-maker").task("gulp-scripts/sass.js", {
+require("gulp-task-maker").task("gulp-tasks/sass.js", {
   // (Required) Source can be a single Sass stylesheet
   // or pattern, or an array of paths or patterns
   src: "assets/styles/*.scss",

doc/svgsymbols.md

@@ -9,39 +9,33 @@
 ## Options
 
 ```js
-require("gulp-task-maker").task("gulp-scripts/svgsymbols.js", {
-  // (Required) Source can be a single script or pattern,
-  // or an array of paths or patterns
-  src: "assets/scripts/*.js",
+require("gulp-task-maker").task("gulp-tasks/svgsymbols.js", {
+  // (Required) Source should be a list of SVG files
+  src: "assets/scripts/*.svg",
 
   // (Required) Destination must be a filename ending in ".svg".
   dest: "public/css/main.svg",
 
   // (Optional; defaults to false)
-  // File patterns to watch for changes
-  watch: true,
-
-  // (Optional; defaults to true)
-  // Should we minify with svgo?
-  // Note: when disabling svgo, some features such as internal references may break
-  minify: true,
-  
-  // (Optional; defaults to the string shown below)
-  // Pattern for the symbol’s id attribute.
-  // "%f" is the cleaned-up original filename.
-  id: "icon-%f",
+  // Should we watch file changes?
+  // Use true to watch the config.src files.
+  watch: false,
 
   // (Optional; defaults to false)
   // Should we make a HTML demo page?
   demo: false,
 
-  // (Optional; defaults to false)
-  // Add a class name on the sprite’s root <svg> element?
-  // Can be useful for sprites you want to directly include in a web page.
-  svgClassname: "inline-sprite",
+  // (Optional; defaults to the string shown below)
+  // Pattern for the symbol’s id attribute.
+  // "%f" is the cleaned-up original filename.
+  id: "icon-%f",
 
   // (Optional; defaults to the function shown below)
   // Function that cleans up file names to be used in the symbol’s id attribute
-  slug: file => file.toLowerCase().replace(/[^a-z0-9]/g,"")
+  slug: name => name.toLowerCase().replace(/[^a-z0-9]/g,""),
+
+  // (Optional) XML attributes added to the sprite's root element
+  // e.g. {"aria-hidden": "true", height: 0, width: 0}
+  svgAttrs: {}
 })
 ```