Fixed JS asset hash is not in sync with PHP one. (#31)

index.js

@@ -10,6 +10,7 @@ module.exports = function (gulp) {
   $.minimist = require('minimist');
   $.path = require('path');
   $.magicImporter = require('node-sass-magic-importer');
+  $.twigAsset = require('@netzstrategen/twig-asset')();
 
   let tasks = [
     'clean',

package.json

@@ -12,13 +12,14 @@
     "@babel/preset-env": "^7.9.5",
     "@frctl/fractal": "^1.2.1",
     "@netzstrategen/fractal-twig": "^2.2.4",
+    "@netzstrategen/twig-asset": "^1.0.0",
     "del": "^3.0.0",
     "gulp": "^4.0.0",
     "gulp-autoprefixer": "^4.0.0",
     "gulp-babel": "^8.0.0",
     "gulp-clean-css": "^4.3.0",
     "gulp-concat": "^2.6.1",
-    "gulp-css-url-custom-hash": "^0.0.5",
+    "gulp-css-url-custom-hash": "netzstrategen/gulp-css-url-custom-hash",
     "gulp-eslint": "^5.0.0",
     "gulp-if": "^2.0.2",
     "gulp-imagemin": "^3.1.1",

tasks/styles.js

@@ -2,6 +2,7 @@
 
 const getOptions = require('../lib/getOptions');
 const registerTaskWithProductionMode = require('../lib/registerTaskWithProductionMode');
+const path = require('path');
 
 module.exports = (gulp, $, pkg) => {
   const reportError = require('../lib/error.js');
@@ -54,6 +55,9 @@ module.exports = (gulp, $, pkg) => {
       .pipe($.replace(copyrightPlaceholder, copyrightNotice))
       .pipe($.if(options.concat, $.concat(pkg.title.toLowerCase().replace(/[^a-z]/g,'') + '.css')))
       .pipe($.cssUrlCustomHash({
+        customHash: (fileName, hash, filePath) => {
+          return path.basename($.twigAsset.asset(filePath));
+        },
         targetFileType: ['jpe?g', 'png', 'webp', 'svg', 'gif', 'ico', 'otf', 'ttf', 'eot', 'woff2?'],
       }))
       .pipe(gulp.dest(pkg.gulpPaths.styles.dest))