seacms-theme/js/extract-files-from-node-modules.js

/*
 * SPDX-License-Identifier: EUPL-1.2
 * Authors: see README.md
 */

// Extract files that we need from the node_modules folder
// The extracted files are integrated to the repository, so production server don't need to
// have node installed

// Include fs and path module

const fs = require('fs-extra')
const path = require('path')

const basePath = path.join(__dirname, '../')

function copySync(src, dest, opts) {
  if (fs.existsSync(src)) {
    fs.copySync(path.join(basePath, src), path.join(basePath, dest), opts)
  } else {
    console.log(`${src} is not existing !`)
  }
}

// function mergeFilesSync(sources, dest) {
//   const fullDest = path.join(basePath, dest)
//   if (!fs.existsSync(fullDest)) {
//     fs.mkdirSync(path.dirname(fullDest), { recursive: true })
//   } else {
//     fs.unlinkSync(fullDest)
//   }
//   sources.forEach((file) => {
//     const fullSrc = path.join(basePath, file)
//     if (!fs.existsSync(fullSrc)) {
//       console.log(`${fullSrc} is not existing !`)
//     } else {
//       fs.appendFileSync(fullDest, fs.readFileSync(fullSrc))
//     }
//   })
// }

// knacss
copySync(
  'node_modules/knacss/css/knacss-mini/knacss.css',
  'css/vendor/knacss/knacss.min.css',
  { overwrite: true }
)
copySync(
  'node_modules/knacss/LICENSE',
  'css/vendor/knacss/LICENSE',
  { overwrite: true }
)

// modernizr
const modernizr = require("modernizr")

modernizr.build({
  "minify": true,
  "options": [
    "setClasses"
  ],
  "feature-detects": [
    "test/requestanimationframe",
    "test/css/transitions",
    "test/dom/classlist"
  ]
}, function (result) {
  let src = 'js/vendor/modernizr'
  let currentPath = path.join(basePath, src)
  if (!fs.existsSync(currentPath)) {
    fs.mkdirSync(currentPath,{recursive :true})
  }
  fs.writeFileSync(path.join(currentPath, 'modernizr.min.js'), result);// the build
});
copySync(
  'node_modules/modernizr/LICENSE',
  'js/vendor/modernizr/LICENSE',
  { overwrite: true }
)

// icomoon free
copySync(
  'node_modules/icomoon-free-npm/license.txt',
  'fonts/vendor/icomoon-free-npm/license.txt',
  { overwrite: true }
)

var previousCSSContent = fs.readFileSync( path.join(basePath,'node_modules/icomoon-free-npm/Font/demo-files/demo.css'),{encoding:'utf8', flag:'r'} )
var position = previousCSSContent.search(/@font-face/)
fs.writeFileSync(
  path.join(
    basePath, 
    'fonts/vendor/icomoon-free-npm/icomoon.css'
  ),
  previousCSSContent.substr(position).replace(
    /url\('..\/IcoMoon-Free.ttf'\) format\('truetype'\)/,
    "url('./IcoMoon-Free.woff') format('woff')"
  )
)

const execSync = require('child_process').execSync;
execSync('node node_modules/ttf2woff/ttf2woff.js node_modules/icomoon-free-npm/Font/IcoMoon-Free.ttf fonts/vendor/icomoon-free-npm/IcoMoon-Free.woff', { encoding: 'utf-8' });


// font Luciole

fetch('https://www.luciole-vision.com/Fichiers/Luciole_webfonts.zip')
  .then((response)=>{
    if (!response.ok){
      throw 'response not ok'
    } else {

    }
  })
const http = require('http');


const importLucioleFont = (srcPath) => {
  copySync(
    `${srcPath}/Luciole_webfonts/Read Me.txt`,
    'fonts/vendor/Luciole/Read Me.txt',
    { overwrite: true }
  )
  var arr = [
    {
      name:'Luciole-Regular',
      style:'normal',
      weight:'normal'
    },
    {
      name:'Luciole-Italic',
      style:'italic',
      weight:'normal'
    },
    {
      name:'Luciole-Bold',
      style:'normal',
      weight:'bold'
    },
    {
      name:'Luciole-BoldItalic',
      style:'italic',
      weight:'bold'
    }
  ]
  let css = "/* Webfont: Luciole */\n\n"
  arr.forEach((data)=>{
    let name = data.name
    copySync(
      `${srcPath}/Luciole_webfonts/${name}/${name}.woff`,
      `fonts/vendor/Luciole/${name}/${name}.woff`,
      { overwrite: true }
    )
    css +=
`/* Webfont: ${name} */
@font-face {
  font-family: 'Luciole';
  src: url('./${name}/${name}.woff') format('woff');
  font-style: ${data.style};
  font-weight: ${data.weight};
  text-rendering: optimizeLegibility;
}
`
  })
  fs.writeFileSync(
    path.join(
      basePath, 
      'fonts/vendor/Luciole/Luciole.css'
    ),
    css
  )
}

const downloadLuciole = (destPath,src) => {
  const zipPath = path.join(destPath,'Luciole_webfonts.zip')
  const file = fs.createWriteStream(zipPath)
  const request = http.get("http://www.luciole-vision.com/Fichiers/Luciole_webfonts.zip", function(response) {
    response.pipe(file)
    response.on('end', () => {
      setTimeout(()=>{
        var AdmZip = require("adm-zip")
        var zip = new AdmZip(zipPath)
        zip.extractAllTo(/*target path*/ destPath, /*overwrite*/ true)
        importLucioleFont(src)
      },500)
    })
  });
}

const checkLucioleFile = (destPath) => {
  return fs.existsSync(path.join(destPath,'Luciole_webfonts.zip')) &&
    fs.existsSync(path.join(destPath,'Luciole_webfonts/Read Me.txt')) &&
    fs.existsSync(path.join(destPath,'Luciole_webfonts/Luciole-Regular/Luciole-Regular.woff')) &&
    fs.existsSync(path.join(destPath,'Luciole_webfonts/Luciole-Italic/Luciole-Italic.woff')) &&
    fs.existsSync(path.join(destPath,'Luciole_webfonts/Luciole-Bold/Luciole-Bold.woff')) &&
    fs.existsSync(path.join(destPath,'Luciole_webfonts/Luciole-BoldItalic/Luciole-BoldItalic.woff'))
}

let src = 'node_modules/Luciole/'
let currentPath = path.join(basePath, src)
if (!fs.existsSync(currentPath)) {
  fs.mkdirSync(currentPath,{recursive :true})
  downloadLuciole(currentPath,src)
} else if (!checkLucioleFile(currentPath)) {
  downloadLuciole(currentPath,src)
} else {
  importLucioleFont(src)
}


// example
// mergeFilesSync(
//   [
//     'node_modules/file1.js',
//     'node_modules/file2.js',
//   ],
//   'javascripts/vendor/output-file.js');